feat: 添加登录路由拦截

src/interceptors/route.ts

@@ -6,24 +6,19 @@
 import { useUserStore } from '@/store'
 import { getNeedLoginPages, needLoginPages as _needLoginPages } from '@/utils'
 
-// TODO Check
+const loginRoute = '/pages/login/login'
-const loginRoute = '/pages/login/index'
 
-const isLogined = () => {
+const loginStatus = () => {
   const userStore = useUserStore()
-  return userStore.isLogined
+  return userStore.loginStatus
 }
 
 const isDev = import.meta.env.DEV
 
-// 黑名单登录拦截器 - （适用于大部分页面不需要登录，少部分页面需要登录）
 const navigateToInterceptor = {
-  // 注意，这里的url是 '/' 开头的，如 '/pages/index/index'，跟 'pages.json' 里面的 path 不同
   invoke({ url }: { url: string }) {
-    // console.log(url) // /pages/route-interceptor/index?name=feige&age=30
     const path = url.split('?')[0]
     let needLoginPages: string[] = []
-    // 为了防止开发时出现BUG，这里每次都获取一下。生产环境可以移到函数外，性能更好
     if (isDev) {
       needLoginPages = getNeedLoginPages()
     } else {
@@ -33,12 +28,11 @@ const navigateToInterceptor = {
     if (!isNeedLogin) {
       return true
     }
-    const hasLogin = isLogined()
+    const hasLogin = loginStatus()
     if (hasLogin) {
       return true
     }
-    const redirectRoute = `${loginRoute}?redirect=${encodeURIComponent(url)}`
+    uni.navigateTo({ url: loginRoute })
-    uni.navigateTo({ url: redirectRoute })
     return false
   }
 }

src/pages.json

@@ -76,7 +76,8 @@
       "style": {
         "navigationStyle": "custom",
         "disableScroll": true
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/login/login",
@@ -84,7 +85,8 @@
       "style": {
         "navigationStyle": "custom",
         "disableScroll": true
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/mine/mine",
@@ -100,7 +102,8 @@
       "style": {
         "navigationStyle": "custom",
         "disableScroll": true
-      }
+      },
+      "needLogin": false
     },
     {
       "path": "pages/workbench/workbench",

src/pages/get-code/get-code.vue

@@ -3,7 +3,8 @@
   style: {
     navigationStyle: 'custom',
     disableScroll: true
-  }
+  },
+  needLogin: false
 }
 </route>
 <template>

src/pages/login/login.vue

@@ -3,7 +3,8 @@
   style: {
     navigationStyle: 'custom',
     disableScroll: true
-  }
+  },
+  needLogin: false
 }
 </route>
 <template>

src/pages/reset-password/reset-password.vue

@@ -3,7 +3,8 @@
   style: {
     navigationStyle: 'custom',
     disableScroll: true
-  }
+  },
+  needLogin: false
 }
 </route>
 <template>

src/utils/index.ts

@@ -78,23 +78,21 @@ export const getUrlObj = (url: string) => {
  * 如果没有传 key，则表示所有的pages，如果传递了 key, 则表示通过 key 过滤
  */
 export const getAllPages = (key = 'needLogin') => {
-  // 这里处理主包
   const mainPages = [
     ...pages
-      .filter(page => !key || page[key])
+      .filter(page => !key || page[key] !== false)
       .map(page => ({
         ...page,
         path: `/${page.path}`
       }))
   ]
-  // 这里处理分包
+
   const subPages: any[] = []
   subPackages.forEach(subPageObj => {
-    // console.log(subPageObj)
     const { root } = subPageObj
 
     subPageObj.pages
-      .filter(page => !key || page[key])
+      .filter(page => !key || page[key] !== false)
       .forEach((page: { path: string } & Record<string, any>) => {
         subPages.push({
           ...page,
@@ -102,9 +100,7 @@ export const getAllPages = (key = 'needLogin') => {
         })
       })
   })
-  const result = [...mainPages, ...subPages]
+  return [...mainPages, ...subPages]
-  // console.log(`getAllPages by ${key} result: `, result)
-  return result
 }
 
 /**