fix: 修复退出登录紫荆账号不退出的问题

package-lock.json

@@ -24,6 +24,7 @@
         "echarts": "^5.4.3",
         "highlight.js": "^11.9.0",
         "jquery": "^3.7.1",
+        "js-cookie": "^3.0.5",
         "js-md5": "^0.8.3",
         "lodash-es": "^4.17.21",
         "qs": "^6.11.2",
@@ -1846,6 +1847,11 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/ahooks/node_modules/js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+    },
     "node_modules/ahooks/node_modules/tslib": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
@@ -5382,9 +5388,12 @@
       "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
     },
     "node_modules/js-cookie": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
-      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "engines": {
+        "node": ">=14"
+      }
     },
     "node_modules/js-md5": {
       "version": "0.8.3",

package.json

@@ -27,6 +27,7 @@
     "echarts": "^5.4.3",
     "highlight.js": "^11.9.0",
     "jquery": "^3.7.1",
+    "js-cookie": "^3.0.5",
     "js-md5": "^0.8.3",
     "lodash-es": "^4.17.21",
     "qs": "^6.11.2",

src/api/base.js

@@ -14,3 +14,8 @@ export function getMenu() {
 export function getSTSToken(data) {
   return axios.post('/api/common/OssUpload/getUploadToken', data)
 }
+
+// 退出登录
+export function logout() {
+  return axios.post('/api/login/out')
+}

src/layout/components/logout.jsx

 import { Button } from 'antd'
 import { LoginOutlined } from '@ant-design/icons'
 import { useNavigate } from 'react-router-dom'
+import { logout } from '@/api/base'
+import Cookies from 'js-cookie'
 
 export default function Logout() {
   const navigator = useNavigate()
-  const handleLogout = () => {
+  const handleLogout = async () => {
+    await logout()
+    Cookies.remove('TGC', { domain: '.ezijing.com' })
     localStorage.clear()
     navigator('/login')
   }