修改后端接口后头像登录用户头像不显示问题

“dzb”

2022-11-04 4b0df650a1fe818218e7f8ac0c6ff8f0150371b6

 src/views/layout/components/Header/index.vue

@@ -15,10 +15,10 @@
      </div>
      <!-- 登录用户 -->
      <div class="menu-right__item user" @mousemove="flag.user = true" @mouseleave="flag.user = false">
        <el-avatar :size="20" :src="user.icon" v-if="user.icon"></el-avatar>
        <el-avatar :size="20" :src="user.user.icon" v-if="user.user.icon"></el-avatar>
        <el-avatar :size="20" src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" v-else>
        </el-avatar>
        <span style="padding: 0 5px;">{{ user.username}}</span>
        <span style="padding: 0 5px;">{{ user.user.username}}</span>
        <i class="el-icon-arrow-down"></i>
        <!-- 用户操作 -->
        <div class="user-card" v-if="flag.user" @mouseleave="flag.user = false">
@@ -69,27 +69,27 @@
      </el-dialog>
      <el-dialog :visible.sync="baseInformationVisible" width="35%" title="基本信息" v-if="baseInformationVisible"
        :before-close="handleClose">
        <el-form :model="user" class="info" label-width="6vw">
        <el-form :model="info" class="info" label-width="6vw">
          <el-form-item label="用户ID" min-width="6">
            <el-input v-model="user.id"></el-input>
            <el-input v-model="info.id"></el-input>
          </el-form-item>
          <el-form-item prop="nickName" label="用户名称" min-width="10">
            <el-input v-model="user.nickName"></el-input>
            <el-input v-model="info.nickName"></el-input>
          </el-form-item>
          <el-form-item  prop="nickName" label="所属姓名" min-width="8">
            <el-input v-model="user.username"></el-input>
            <el-input v-model="info.username"></el-input>
          </el-form-item>
          <el-form-item  prop="mobile" label="联系方式" min-width="7">
            <el-input v-model="user.mobile"></el-input>
            <el-input v-model="info.mobile"></el-input>
          </el-form-item>
          <!-- <el-form-item  prop="departName" label="所属部门" min-width="8">
            <el-input v-model="user.mobile"></el-input>
          </el-form-item> -->
          <el-form-item prop="jobTitle" label="所属职务" min-width="8">
            <el-input v-model="user.jobTitle"></el-input>
            <el-input v-model="info.jobTitle"></el-input>
          </el-form-item>
          <el-form-item prop="createTime" label="创建时间" min-width="10">
            <el-input v-model="user.createTime"></el-input>
            <el-input v-model="info.createTime"></el-input>
          </el-form-item>
        </el-form>

@@ -156,6 +156,7 @@
        },
      ],
      keyword: '',
      info:null,
    };
  },
  created() {
@@ -171,7 +172,7 @@
      })
        .then(res => {
          sessionStorage.setItem('user', JSON.stringify(res.data));
          this.user = res.data.user;
          this.info = res.data.user;
        })
    },
    handleClose(done) {
@@ -223,7 +224,7 @@
        })
          .then(res => {
            sessionStorage.setItem('user', JSON.stringify(res.data));
            this.user = res.data.user;
            this.user = res.data;
          })
      }
    }