初始化仓库

src/router/interceptor.ts

@@ -0,0 +1,77 @@
+/**
+ * by 菲鸽 on 2024-03-06
+ * 路由拦截，通常也是登录拦截
+ * 可以设置路由白名单，或者黑名单，看业务需要选哪一个
+ * 我这里应为大部分都可以随便进入，所以使用黑名单
+ */
+import { useUserStore } from '@/store'
+import { tabbarStore } from '@/tabbar/store'
+import { needLoginPages as _needLoginPages, getLastPage, getNeedLoginPages } from '@/utils'
+
+// TODO Check
+const loginRoute = import.meta.env.VITE_LOGIN_URL
+
+function isLogined() {
+  const userStore = useUserStore()
+  return !!userStore.userInfo.username
+}
+
+const isDev = import.meta.env.DEV
+
+// 黑名单登录拦截器 - （适用于大部分页面不需要登录，少部分页面需要登录）
+export const navigateToInterceptor = {
+  // 注意，这里的url是 '/' 开头的，如 '/pages/index/index'，跟 'pages.json' 里面的 path 不同
+  // 增加对相对路径的处理，BY 网友 @ideal
+  invoke({ url }: { url: string }) {
+    // console.log(url) // /pages/route-interceptor/index?name=feige&age=30
+    let path = url.split('?')[0]
+
+    // 处理相对路径
+    if (!path.startsWith('/')) {
+      const currentPath = getLastPage().route
+      const normalizedCurrentPath = currentPath.startsWith('/') ? currentPath : `/${currentPath}`
+      const baseDir = normalizedCurrentPath.substring(0, normalizedCurrentPath.lastIndexOf('/'))
+      path = `${baseDir}/${path}`
+    }
+
+    let needLoginPages: string[] = []
+    // 为了防止开发时出现BUG，这里每次都获取一下。生产环境可以移到函数外，性能更好
+    if (isDev) {
+      needLoginPages = getNeedLoginPages()
+    }
+    else {
+      needLoginPages = _needLoginPages
+    }
+    const isNeedLogin = needLoginPages.includes(path)
+    if (!isNeedLogin) {
+      return true
+    }
+    const hasLogin = isLogined()
+    if (hasLogin) {
+      return true
+    }
+    tabbarStore.restorePrevIdx()
+    const redirectRoute = `${loginRoute}?redirect=${encodeURIComponent(url)}`
+    uni.navigateTo({ url: redirectRoute })
+    return false
+  },
+}
+
+export const routeInterceptor = {
+  install() {
+    uni.addInterceptor('navigateTo', navigateToInterceptor)
+    uni.addInterceptor('reLaunch', navigateToInterceptor)
+    uni.addInterceptor('redirectTo', navigateToInterceptor)
+    uni.addInterceptor('switchTab', navigateToInterceptor)
+
+    // // #ifdef H5
+    // // 一个粗糙的实现方式，不满意可以自行修改：https://github.com/unibest-tech/unibest/issues/192
+    // // H5环境路由拦截，监听hashchange事件
+    // window.addEventListener('hashchange', () => {
+    //   // 获取当前路径
+    //   const currentPath = `/${window.location.hash.split('#/')[1]?.split('?')[0]}`
+    //   navigateToInterceptor.invoke({ url: currentPath })
+    // })
+    // // #endif
+  },
+}