anonymous
113 lines
3.1 KiB
TypeScript
113 lines
3.1 KiB
TypeScript
/**
|
|
* by 菲鸽 on 2024-03-06
|
|
* 路由拦截，通常也是登录拦截
|
|
* 可以设置路由白名单，或者黑名单，看业务需要选哪一个
|
|
* 我这里应为大部分都可以随便进入，所以使用黑名单
|
|
*/
|
|
import { useUserStore } from '@/store'
|
|
import {
|
|
getNotNeedLoginPages as _getNotNeedLoginPages,
|
|
notNeedLoginPages as _notNeedLoginPages,
|
|
} from '@/utils'
|
|
import type { Router } from 'vue-router'
|
|
|
|
import NProgress from 'nprogress'
|
|
import 'nprogress/nprogress.css'
|
|
NProgress.configure({ showSpinner: true, parent: '#app' })
|
|
|
|
export const loginRoute = '/pages/login/index'
|
|
|
|
export const isLogged = () => {
|
|
const userStore = useUserStore()
|
|
return userStore.isLogged
|
|
}
|
|
|
|
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 notNeedLoginPages: string[] = []
|
|
// 为了防止开发时出现BUG，这里每次都获取一下。生产环境可以移到函数外，性能更好
|
|
if (isDev) {
|
|
notNeedLoginPages = getNotNeedLoginPages()
|
|
} else {
|
|
notNeedLoginPages = _notNeedLoginPages
|
|
}
|
|
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
|
|
},
|
|
}
|
|
|
|
export const routeInterceptor = {
|
|
install() {
|
|
uni.addInterceptor('navigateTo', navigateToInterceptor)
|
|
uni.addInterceptor('reLaunch', navigateToInterceptor)
|
|
uni.addInterceptor('redirectTo', navigateToInterceptor)
|
|
},
|
|
}
|
|
|
|
export const getNotNeedLoginPages = () => {
|
|
let notNeedLoginPages: string[] = []
|
|
if (isDev) {
|
|
notNeedLoginPages = _getNotNeedLoginPages()
|
|
} else {
|
|
notNeedLoginPages = _notNeedLoginPages
|
|
}
|
|
return notNeedLoginPages
|
|
}
|
|
|
|
export const checkLoginUrl = (url: string) => {
|
|
const path = url.split('?')[0]
|
|
const isNotNeedLogin = getNotNeedLoginPages().includes(path.replace(/^pages/, '/pages'))
|
|
return isNotNeedLogin
|
|
}
|
|
|
|
export const checkWithRedirectLogin = (url: string) => {
|
|
const isNotNeedLogin = checkLoginUrl(url)
|
|
if (!isNotNeedLogin) {
|
|
return !isLogged()
|
|
}
|
|
return false
|
|
}
|
|
|
|
export const checkNotFound = (url: string) => {
|
|
const isNotNeedLogin = checkLoginUrl(url)
|
|
if (!isNotNeedLogin) {
|
|
return !isLogged()
|
|
}
|
|
return false
|
|
}
|
|
|
|
export const routerBeforeEachConfig = (router: Router) => {
|
|
router.beforeEach(async (to, from, next) => {
|
|
NProgress.start()
|
|
if (checkWithRedirectLogin(to.path)) {
|
|
return next({
|
|
path: loginRoute,
|
|
})
|
|
}
|
|
const userStore = useUserStore()
|
|
if (!userStore.userInfo && userStore.isLogged) {
|
|
await userStore.loadUserInfo()
|
|
}
|
|
return next()
|
|
})
|
|
|
|
router.afterEach(() => {
|
|
NProgress.done()
|
|
})
|
|
}
|