diff --git a/src/App.vue b/src/App.vue
index e32b931..cf3691b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,7 +25,7 @@ export default {
   computed: {
     ...mapState(['user'])
   },
-  async mounted () {
+  async created () {
     console.log('dd: ', dd)
     if (!dd.other) {
       await this.handleGetDingtalkCode()
diff --git a/src/components/kpi-layout/NavBar.vue b/src/components/kpi-layout/NavBar.vue
index f800a0b..f4e1420 100644
--- a/src/components/kpi-layout/NavBar.vue
+++ b/src/components/kpi-layout/NavBar.vue
@@ -20,8 +20,8 @@
         </div> -->
        </transition>
        <div class="navBar-right" v-if="isNav">
-          <span>{{this.info.realName}}</span>
-          <img onerror="javascript:this.src='/static/default.jpg';" :src="this.info.avatar || ''" alt="">
+          <span>{{this.userInfo.realName}}</span>
+          <img onerror="javascript:this.src='/static/default.jpg';" :src="this.userInfo.avatar || ''" alt="">
         </div>
     </div>
 </template>
@@ -29,7 +29,7 @@
 <script>
 import routeList from '@/router/kpi_route'
 import NavHeader from './NavHeader'
-import { mapState } from 'vuex'
+import { mapGetters } from 'vuex'
 export default {
   name: 'NavBar',
   data () {
@@ -43,7 +43,7 @@ export default {
     NavHeader
   },
   computed: {
-    ...mapState({ info: state => state.user.info }),
+    ...mapGetters(['userInfo']),
     isNav () {
       return !!this.$route.meta.isNav
     },
diff --git a/src/store/getters.js b/src/store/getters.js
index a7c9f0c..4d8ecc2 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -1,4 +1,5 @@
 const getters = {
-  permission_routes: state => state.user.routes
+  permission_routes: state => state.user.routes,
+  userInfo: state => state.user.info
 }
 export default getters