From 1063d79d50ad4551bdaf7bb3b37cda2248965c0c Mon Sep 17 00:00:00 2001
From: licuizhu <1065490369@qq.com>
Date: Mon, 27 May 2024 16:17:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0token?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                 |  7 ++++---
 src/app.ts                       | 22 ++++++++++++++++++++++
 src/components/Header/index.js   |  9 +++++----
 src/pages/Login/passwordLogin.js | 14 +++-----------
 src/store/login.store.js         | 29 +++++++++++++++++++++++------
 5 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/src/api/index.js b/src/api/index.js
index 107d8fbc..106e4d4d 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,10 +1,11 @@
 import { request } from '@umijs/max';
+import loginStore from '../store/login.store';
 
 // 获取登陆人
-export function getCurrentUser( data ) {
+export function getCurrentUser() {
+  let token = loginStore.token
   return request('/api/user/getCurrentUser', {
-    method: 'get',
-    data: data
+    method: 'get'
   });
 }
 
diff --git a/src/app.ts b/src/app.ts
index e741476c..d23bc4f8 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -18,3 +18,25 @@ export const layout = () => {
     },
   };
 };
+
+// 配置请求header
+import { RequestConfig } from '@umijs/max';
+
+export const request: RequestConfig = {
+  requestInterceptors: [
+    (url, options) => {
+      const token = localStorage.getItem('authToken'); // 从某处获取你的认证token，例如localStorage
+      if (token) {
+        const headers = {
+          Authorization: `Bearer ${token}`,
+          ...options.headers,
+        };
+        return {
+          url: url,
+          options: { ...options, headers },
+        };
+      }
+      return { url, options };
+    },
+  ],
+};
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
index 9d591b2a..de483ecb 100644
--- a/src/components/Header/index.js
+++ b/src/components/Header/index.js
@@ -7,7 +7,7 @@ import loginStore from '../../store/login.store';
 import '../../index.less';
 
 function Header (e) {
-  let token = loginStore.token;
+  let setToken = loginStore;
   let navigate = useNavigate();
   let logout = () => {
     passwordLogout().then((e) => {
@@ -20,14 +20,15 @@ function Header (e) {
   }   
   useEffect(() =>{
     getCurrentUser().then((e) => {
-        const d = e.data;
-        token.username = d && d.username;
+      if (e.success) {
+        setToken.setAuthName(e.data.username);
+      }
     })
   })
   
   return (
     <div id='header'>
-      <div className='header-left'><span className='user-name'>{token.username}</span>，您好</div>
+      <div className='header-left'><span className='user-name'>{setToken.authName}</span>，您好</div>
       <div className='headder-right'>
         <span className='login-out' onClick={logout}></span>
       </div>
diff --git a/src/pages/Login/passwordLogin.js b/src/pages/Login/passwordLogin.js
index 41c543e2..74b8a548 100644
--- a/src/pages/Login/passwordLogin.js
+++ b/src/pages/Login/passwordLogin.js
@@ -8,22 +8,14 @@ function Login (e) {
   let navigate = useNavigate();
   const [form] = Form.useForm();
   let onFinish = async (values) => {
-    // let setToken = loginStore.setToken;
-    // try {
-    //     await setToken({username: values.username, password: values.password})
-    //     navigate('/', {replace: true});
-    //     message.success('登录成功')
-    // } catch {
-    //     message.error('登录失败')
-    // }
     passwordLogin({phone: values.phone, password: values.password}).then((e) => {
         if (!e.success) {
             message.error(e.message);
           } else {
-            let setToken = loginStore.setToken;
-            setToken(e.data);
+            let setToken = loginStore;
+            setToken.setAuthName(e.data.username);
+            setToken.setToken(e.data.token)
             navigate('/home');
-            // document.cookie.save('username', 'wyd');
           }
     })
   };
diff --git a/src/store/login.store.js b/src/store/login.store.js
index 30ed7c78..868ba686 100644
--- a/src/store/login.store.js
+++ b/src/store/login.store.js
@@ -2,17 +2,34 @@ import { makeAutoObservable } from "mobx";
 import { http } from "../utils/http";
 import { setToken, getToken } from "../utils";
 class LoginStore {
-    token = {};
+    token = localStorage.getItem('authToken') || null;
+    authName = localStorage.getItem('authName') || null;
     constructor () {
         makeAutoObservable(this)
     }
-    // setToken = async ({username, password}) => {
-    //     const res = await http.get('/api/user/login?username=' + username + '&password=' + password)
-    //     this.token = res.data
-    //     setToken(this.token)
-    // }
+    // token
+    get isLoggedIn() {
+        return !!this.token;
+      }
     setToken = (data) => {
        this.token = data;
+       localStorage.setItem('authToken', data);
+    }
+    clearToken() {
+        this.token = null;
+        localStorage.removeItem('authToken');
+    }
+    // 登录名
+    get authName() {
+        return !!this.authName;
+      }
+    setAuthName = (data) => {
+       this.authName = data;
+       localStorage.setItem('authName', data);
+    }
+    clearAuthName() {
+        this.authName = null;
+        localStorage.removeItem('authName');
     }
 }
 const loginStore = new LoginStore();