feat: 接口对接完成

src/interceptors/route.ts

@@ -4,14 +4,17 @@
  * 可以设置路由白名单，或者黑名单，看业务需要选哪一个
  * 我这里应为大部分都可以随便进入，所以使用黑名单
  */
+import { getUserInfoAPI } from '@/service'
 import { useUserStore } from '@/store'
 import {
   getNotNeedLoginPages as _getNotNeedLoginPages,
   notNeedLoginPages as _notNeedLoginPages,
-  getIsTabbar,
 } from '@/utils'
 import type { Router } from 'vue-router'
-import { tabBar } from '@/pages.json'
+
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+NProgress.configure({ showSpinner: true, parent: '#app' })
 
 export const loginRoute = '/pages/login/index'
 
@@ -26,14 +29,26 @@ const isDev = import.meta.env.DEV
 const navigateToInterceptor = {
   // 注意，这里的url是 '/' 开头的，如 '/pages/index/index'，跟 'pages.json' 里面的 path 不同
   invoke({ url }: { url: string }) {
-    const isTabbar = getIsTabbar(url)
-    console.log(url)
-    // const redirectRoute = `${loginRoute}?redirect=${encodeURIComponent(url)}`
-    if (isTabbar) {
-      uni.switchTab({ url })
-      return false
+    // console.log(url) // /pages/route-interceptor/index?name=feige&age=30
+    const path = url.split('?')[0]
+    let notNeedLoginPages: string[] = []
+    // 为了防止开发时出现BUG，这里每次都获取一下。生产环境可以移到函数外，性能更好
+    if (isDev) {
+      notNeedLoginPages = getNotNeedLoginPages()
+    } else {
+      notNeedLoginPages = _notNeedLoginPages
     }
-    return true
+    const isNeedLogin = notNeedLoginPages.includes(path)
+    if (!isNeedLogin) {
+      return true
+    }
+    const hasLogin = isLogged()
+    if (hasLogin) {
+      return true
+    }
+    // const redirectRoute = `${loginRoute}?redirect=${encodeURIComponent(url)}`
+    uni.navigateTo({ url: loginRoute })
+    return false
   },
 }
 
@@ -58,7 +73,6 @@ export const getNotNeedLoginPages = () => {
 export const checkLoginUrl = (url: string) => {
   const path = url.split('?')[0]
   const isNotNeedLogin = getNotNeedLoginPages().includes(path.replace(/^pages/, '/pages'))
-  console.log(path)
   return isNotNeedLogin
 }
 
@@ -79,15 +93,21 @@ export const checkNotFound = (url: string) => {
 }
 
 export const routerBeforeEachConfig = (router: Router) => {
-  router.beforeEach((to, from, next) => {
+  router.beforeEach(async (to, from, next) => {
+    NProgress.start()
     if (checkWithRedirectLogin(to.path)) {
       return next({
         path: loginRoute,
-        // query: {
-        //   redirect: to.fullPath,
-        // },
       })
     }
+    const userStore = useUserStore()
+    if (!userStore.userInfo && userStore.isLogged) {
+      await userStore.loadUserInfo()
+    }
     return next()
   })
+
+  router.afterEach(() => {
+    NProgress.done()
+  })
 }