From f9e74fe8b7d3ce7010acf17803b1b93b1e7ac1fd Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Tue, 5 Aug 2025 10:03:15 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=80=E5=87=BA=E7=99=BB=E9=99=86=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.vue | 16 ++++++++++++----
 src/utils/login.js        |  3 ++-
 src/utils/loginRefresh.js |  4 ++--
 src/utils/logout.js       |  8 ++++++++
 4 files changed, 24 insertions(+), 7 deletions(-)
 create mode 100644 src/utils/logout.js

diff --git a/src/components/Header.vue b/src/components/Header.vue
index db7f3dd..493aa6e 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -9,25 +9,33 @@
             <el-dropdown trigger="click">
                 <div class="right-item flex el-dropdown-link">
                     <img class="right-item-icon" src="../assets/header-icon.png" alt="">
-                    <span>学术论文出版</span>
+                    <span>{{user}}</span>
                     <img src="../assets/header-drop.svg" alt="">
                 </div>
                 <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item><a href="/agent/domainList" target="_blank">我的域名</a></el-dropdown-item>
-                    <el-dropdown-item><span @click="loginOut">退出</span></el-dropdown-item>
+                    <el-dropdown-item><div @click="loginOut">退出</div></el-dropdown-item>
                 </el-dropdown-menu>
             </el-dropdown>
         </div>
     </div>
 </template>
 <script>
+import { logout } from '@/utils/logout';
 export default {
+    data() {
+        return {
+            user: ''
+        }
+    },
+    mounted(){
+        this.user = localStorage.getItem('user')
+    },
     methods: {
         loginOut(){
             this.$http('POST', '/agentnew/login_out', {}).then(response => {
                 if(response.status){
-                    localStorage.removeItem('token')
-                    window.location.href = process.env.VUE_APP_HOST;
+                    logout()
                 }else{
                     this.$message.error(response.data.info)
                 }
diff --git a/src/utils/login.js b/src/utils/login.js
index bf5a01e..edc6d62 100644
--- a/src/utils/login.js
+++ b/src/utils/login.js
@@ -15,7 +15,8 @@ export async function autoLoginByToken() {
       })
       if (res.data.status) {
         // 可选：将 token 存入 localStorage
-        localStorage.setItem('token', res.data.data)
+        localStorage.setItem('token', res.data.data.access_token)
+        localStorage.setItem('user', res.data.data.user)
 
         const url = new URL(window.location.href);
         url.searchParams.delete('token');
diff --git a/src/utils/loginRefresh.js b/src/utils/loginRefresh.js
index 8682db0..cc3e64d 100644
--- a/src/utils/loginRefresh.js
+++ b/src/utils/loginRefresh.js
@@ -1,3 +1,4 @@
+import { logout } from '@/utils/logout';
 let isRefreshing = false
 let refreshSubscribers = []
 
@@ -39,8 +40,7 @@ export async function handleTokenRefresh(originalRequest, instance) {
   } catch (err) {
     isRefreshing = false
     refreshSubscribers = []
-    localStorage.removeItem('token')
-    window.location.href = process.env.VUE_APP_HOST;
+    logout();
     return Promise.reject(err)
   }
 }
diff --git a/src/utils/logout.js b/src/utils/logout.js
new file mode 100644
index 0000000..99b0ae4
--- /dev/null
+++ b/src/utils/logout.js
@@ -0,0 +1,8 @@
+export function logout() {
+  // 清除本地存储的用户信息
+  localStorage.removeItem('token');
+  localStorage.removeItem('user');
+
+  // 跳转到后端处理 logout 的接口
+  window.location.href = process.env.VUE_APP_HOST + '/user/logout';
+}