chore: 切换 mock api 服务

.env.production

@@ -1,7 +1,8 @@
 # 自定义的环境变量（命名必须以 VITE_ 开头）
 
 ## 后端接口公共路径（如果解决跨域问题采用 CORS 就需要写全路径）
-VITE_BASE_API = 'https://mock.mengxuegu.com/mock/63218b5fb4c53348ed2bc212/api/v1'
+# VITE_BASE_API = 'https://mock.mengxuegu.com/mock/63218b5fb4c53348ed2bc212/api/v1'
+VITE_BASE_API = 'https://www.fastmock.site/mock/761e2dda2b8890ab86c928a74e8f6538/api/v1'
 
 ## 路由模式 hash 或 html5
 VITE_ROUTER_HISTORY = 'hash'

.env.staging

@@ -1,7 +1,8 @@
 # 自定义的环境变量（命名必须以 VITE_ 开头）
 
 ## 后端接口公共路径（如果解决跨域问题采用 CORS 就需要写全路径）
-VITE_BASE_API = 'https://mock.mengxuegu.com/mock/63218b5fb4c53348ed2bc212/api/v1'
+# VITE_BASE_API = 'https://mock.mengxuegu.com/mock/63218b5fb4c53348ed2bc212/api/v1'
+VITE_BASE_API = 'https://www.fastmock.site/mock/761e2dda2b8890ab86c928a74e8f6538/api/v1'
 
 ## 路由模式 hash 或 html5
 VITE_ROUTER_HISTORY = 'hash'

src/App.vue

@@ -38,18 +38,6 @@ ElNotification({
   position: "bottom-right",
   offset: 150
 })
-ElNotification({
-  title: "服务挂了",
-  type: "error",
-  message: h(
-    "a",
-    { style: "color: teal", target: "_blank", href: "https://github.com/un-pany/v3-admin-vite/issues/92" },
-    "近期 API 服务不太稳定，请等我更换服务（可以加交流群第一时间获取进度），如果急需登录可以点击这里自己模拟一下数据"
-  ),
-  duration: 0,
-  position: "bottom-right",
-  offset: 300
-})
 </script>
 
 <template>

src/utils/service.ts

@@ -4,6 +4,12 @@ import { ElMessage } from "element-plus"
 import { get, merge } from "lodash-es"
 import { getToken } from "./cache/cookies"
 
+/** 退出登录并强制刷新页面（会重定向到登录页） */
+function logout() {
+  useUserStoreHook().logout()
+  location.reload()
+}
+
 /** 创建请求实例 */
 function createService() {
   // 创建一个 axios 实例命名为 service
@@ -33,6 +39,9 @@ function createService() {
         case 0:
           // 本系统采用 code === 0 来表示没有业务错误
           return apiData
+        case 401:
+          // Token 过期时
+          return logout()
         default:
           // 不是正确的 code
           ElMessage.error(apiData.message || "Error")
@@ -47,9 +56,8 @@ function createService() {
           error.message = "请求错误"
           break
         case 401:
-          // Token 过期时，直接退出登录并强制刷新页面（会重定向到登录页）
+          // Token 过期时
-          useUserStoreHook().logout()
+          logout()
-          location.reload()
           break
         case 403:
           error.message = "拒绝访问"

vite.config.ts

@@ -37,7 +37,8 @@ export default (configEnv: ConfigEnv): UserConfigExport => {
       /** 接口代理 */
       proxy: {
         "/api/v1": {
-          target: "https://mock.mengxuegu.com/mock/63218b5fb4c53348ed2bc212/api/v1",
+          // target: "https://mock.mengxuegu.com/mock/63218b5fb4c53348ed2bc212/api/v1",
+          target: "https://www.fastmock.site/mock/761e2dda2b8890ab86c928a74e8f6538/api/v1",
           ws: true,
           /** 是否允许跨域 */
           changeOrigin: true,