``

src/layout/components/Navbar.vue

@@ -7,7 +7,7 @@
     <div class="right-menu">
 
       <div class="time">{{currenttime}}</div>
-      <div class="username">{{getters.name}}</div>
+      <div class="username">{{getters.nickName}}</div>
       <div style="margin-right:5px">
          <el-button @click="logout"  style="background:rgba(0,0,0,0);border:none" plain><img style="width:15px;height:15px" :src="icon_loginout"></el-button>
       </div>

src/store/getters.js

@@ -7,6 +7,7 @@ const getters = {
     token: (state) => state.user.token,
     avatar: (state) => state.user.avatar,
     name: (state) => state.user.name,
+    nickName: (state) => state.user.nickName,
     userId: (state) => state.user.userId,
     introduction: (state) => state.user.introduction,
     roles: (state) => state.user.roles,
@@ -16,4 +17,4 @@ const getters = {
     defaultRoutes: (state) => state.permission.defaultRoutes,
     sidebarRouters: (state) => state.permission.sidebarRouters,
 };
-export default getters
+export default getters

src/store/modules/user.js

@@ -6,6 +6,7 @@ const user = {
     state: {
         token: getToken(),
         name: '',
+        nickName:'',
         avatar: '',
         roles: [],
         userId: 0,
@@ -19,6 +20,9 @@ const user = {
         SET_NAME: (state, name) => {
             state.name = name
         },
+        SET_NICKNAME: (state, nickName) => {
+          state.nickName = nickName
+        },
         SET_AVATAR: (state, avatar) => {
             state.avatar = avatar
         },
@@ -76,6 +80,7 @@ const user = {
                         commit('SET_ROLES', ['ROLE_DEFAULT'])
                     }
                     commit('SET_NAME', user.userName)
+                    commit('SET_NICKNAME', user.nickName)
                     commit('SET_AVATAR', avatar)
                     commit("SET_USERID", user.userId);
                     resolve(res)