From 96b556a3abb0690f874df6b87a013255ec728a8e Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Thu, 6 Aug 2020 15:44:29 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20oauth=20=E4=B8=8E=20userInfo=20?=
 =?UTF-8?q?=E5=88=86=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layouts/mobile/header.vue | 24 ++++++++++++++++++++++--
 components/layouts/pc/header.vue     | 24 ++++++++++++++++++++++--
 pages/login.vue                      | 11 ++++++++---
 store/index.js                       |  8 ++++++--
 4 files changed, 58 insertions(+), 9 deletions(-)

diff --git a/components/layouts/mobile/header.vue b/components/layouts/mobile/header.vue
index 434800f..25ec2a1 100644
--- a/components/layouts/mobile/header.vue
+++ b/components/layouts/mobile/header.vue
@@ -72,6 +72,8 @@
 </template>
 
 <script>
+  import { isBrowser } from '~/environment'
+
   const Cookie = process.client ? require('js-cookie') : undefined
   export default {
     name: "MobileHeader",
@@ -83,10 +85,28 @@
         return this.$store.state.oauth;
       },
       avatarURL() {
-        return this.$store.state.oauth?.avatarURL;
+        let _ts = this;
+        if (isBrowser) {
+          if (!_ts.$store.state.userInfo) {
+            let user = localStorage.getItem('user');
+            if (user) {
+              _ts.$store.commit('setUser', JSON.parse(user))
+            }
+          }
+        }
+        return _ts.$store.state.userInfo?.avatarURL;
       },
       nickname() {
-        return this.$store.state.oauth?.nickname;
+        let _ts = this;
+        if (isBrowser) {
+          if (!_ts.$store.state.userInfo) {
+            let user = localStorage.getItem('user');
+            if (user) {
+              _ts.$store.commit('setUser', JSON.parse(user))
+            }
+          }
+        }
+        return _ts.$store.state.userInfo?.nickname;
       },
       hasPermissions() {
         return this.$store.getters.hasPermissions('blog_admin');
diff --git a/components/layouts/pc/header.vue b/components/layouts/pc/header.vue
index 733c6f2..d668156 100644
--- a/components/layouts/pc/header.vue
+++ b/components/layouts/pc/header.vue
@@ -87,6 +87,8 @@
 </template>
 
 <script>
+  import { isBrowser } from '~/environment'
+
   const Cookie = process.client ? require('js-cookie') : undefined
   export default {
     name: "PcHeader",
@@ -98,10 +100,28 @@
         return this.$store.state.oauth;
       },
       avatarURL() {
-        return this.$store.state.oauth?.avatarURL;
+        let _ts = this;
+        if (isBrowser) {
+          if (!_ts.$store.state.userInfo) {
+            let user = localStorage.getItem('user');
+            if (user) {
+              _ts.$store.commit('setUser', JSON.parse(user))
+            }
+          }
+        }
+        return _ts.$store.state.userInfo?.avatarURL;
       },
       nickname() {
-        return this.$store.state.oauth?.nickname;
+        let _ts = this;
+        if (isBrowser) {
+          if (!_ts.$store.state.userInfo) {
+            let user = localStorage.getItem('user');
+            if (user) {
+              _ts.$store.commit('setUser', JSON.parse(user))
+            }
+          }
+        }
+        return _ts.$store.state.userInfo?.nickname;
       },
       hasPermissions() {
         return this.$store.getters.hasPermissions('blog_admin');
diff --git a/pages/login.vue b/pages/login.vue
index 5a14f3c..08b5685 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -94,12 +94,17 @@
                 }
                 let auth = {
                   accessToken: res.user.token,
-                  nickname: res.user.nickname,
-                  avatarURL: res.user.avatarUrl,
                   idUser: res.user.idUser,
                   role: res.user.weights
                 }
+
+                let user = {
+                  nickname: res.user.nickname,
+                  avatarURL: res.user.avatarUrl
+                }
                 _ts.$store.commit('setAuth', auth) // mutating to store for client rendering
+                localStorage.setItem('user', JSON.stringify(user))
+                _ts.$store.commit('setUser', user) // mutating to store for client rendering
                 Cookie.set('auth', auth)
                 _ts.$router.push({
                   name: 'index'
@@ -134,7 +139,7 @@
         let data = {
           email: email
         };
-        _ts.axios.post('/console/get-forget-password-email', data).then(function (res) {
+        _ts.$axios.$post('/api/console/get-forget-password-email', data).then(function (res) {
           _ts.loading = false;
           _ts.forget = false;
           if (res) {
diff --git a/store/index.js b/store/index.js
index 5493a95..d0cb5c0 100644
--- a/store/index.js
+++ b/store/index.js
@@ -6,6 +6,7 @@ export const state = () => {
   return {
     activeMenu: 'index',
     oauth: null,
+    userInfo: null,
     locale: 'zh_CN',
     uploadHeaders: ''
   }
@@ -15,6 +16,9 @@ export const mutations = {
   setAuth (state, auth) {
     state.oauth = auth
   },
+  setUser (state, data) {
+    state.userInfo = data
+  },
   setActiveMenu (state, activeMenu) {
     state.activeMenu = activeMenu
   },
@@ -22,8 +26,8 @@ export const mutations = {
     state.uploadHeaders = data
   },
   setUserInfo(state, data) {
-    state.oauth.avatarURL = data.avatarUrl;
-    state.oauth.nickname = data.nickname;
+    state.userInfo.avatarURL = data.avatarUrl;
+    state.userInfo.nickname = data.nickname;
   }
 }