fix(router): 修复登录拦截逻辑并优化路由处理
重构登录拦截器逻辑,区分需要登录和不需要登录的情况 优化路径处理逻辑,修复重定向URL的拼接问题 更新登录相关配置,添加isNeedLogin判断标志 关闭eslint的no-useless-return规则
This commit is contained in:
@@ -4,8 +4,10 @@ export const LOGIN_STRATEGY_MAP = {
|
||||
}
|
||||
// 登录策略,默认使用`无需登录策略`,即默认不需要登录就可以访问
|
||||
export const LOGIN_STRATEGY = LOGIN_STRATEGY_MAP.DEFAULT_NO_NEED_LOGIN
|
||||
export const isNeedLogin = LOGIN_STRATEGY === LOGIN_STRATEGY_MAP.DEFAULT_NEED_LOGIN
|
||||
|
||||
export const LOGIN_PAGE_LIST = ['/pages/login/login', '/pages/login/register']
|
||||
export const LOGIN_PAGE = '/pages/login/login'
|
||||
export const LOGIN_PAGE_LIST = [LOGIN_PAGE, '/pages/login/register']
|
||||
|
||||
// 排除在外的列表,白名单策略指白名单列表,黑名单策略指黑名单列表
|
||||
export const EXCLUDE_PAGE_LIST = [
|
||||
|
||||
@@ -15,7 +15,7 @@ import { isPageTabbar } from '@/tabbar/store'
|
||||
const redirectUrl = ref('')
|
||||
onLoad((options) => {
|
||||
console.log('login options', options)
|
||||
redirectUrl.value = options.redirectUrl || tabbarList[0].pagePath
|
||||
redirectUrl.value = options.redirect || tabbarList[0].pagePath
|
||||
})
|
||||
const userStore = useUserStore()
|
||||
function doLogin() {
|
||||
@@ -26,14 +26,18 @@ function doLogin() {
|
||||
token: 'fake-token',
|
||||
})
|
||||
console.log(redirectUrl.value)
|
||||
if (isPageTabbar(redirectUrl.value)) {
|
||||
let path = redirectUrl.value
|
||||
if (path.startsWith('/')) {
|
||||
path = redirectUrl.value.substring(1)
|
||||
}
|
||||
if (isPageTabbar(path)) {
|
||||
uni.switchTab({
|
||||
url: `/${redirectUrl.value}`,
|
||||
url: `/${path}`,
|
||||
})
|
||||
}
|
||||
else {
|
||||
uni.redirectTo({
|
||||
url: `/${redirectUrl.value}`,
|
||||
url: `/${path}`,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* by 菲鸽 on 2024-03-06
|
||||
* by 菲鸽 on 2025-08-19
|
||||
* 路由拦截,通常也是登录拦截
|
||||
* 可以设置路由白名单,或者黑名单,看业务需要选哪一个
|
||||
* 我这里应为大部分都可以随便进入,所以使用黑名单
|
||||
@@ -7,7 +7,7 @@
|
||||
import { useUserStore } from '@/store'
|
||||
import { tabbarStore } from '@/tabbar/store'
|
||||
import { getLastPage } from '@/utils'
|
||||
import { EXCLUDE_PAGE_LIST, LOGIN_PAGE_LIST } from '../login/config'
|
||||
import { EXCLUDE_PAGE_LIST, isNeedLogin, LOGIN_PAGE, LOGIN_PAGE_LIST } from '../login/config'
|
||||
|
||||
// 黑名单登录拦截器 - (适用于大部分页面不需要登录,少部分页面需要登录)
|
||||
export const navigateToInterceptor = {
|
||||
@@ -18,6 +18,10 @@ export const navigateToInterceptor = {
|
||||
if (url === undefined) {
|
||||
return
|
||||
}
|
||||
console.log(getCurrentPages())
|
||||
if (getCurrentPages().length === 0) {
|
||||
return
|
||||
}
|
||||
let path = url.split('?')[0]
|
||||
|
||||
// 处理相对路径
|
||||
@@ -36,21 +40,34 @@ export const navigateToInterceptor = {
|
||||
return
|
||||
}
|
||||
|
||||
console.log('拦截器中得到的 path:', path)
|
||||
const redirectUrl = `${LOGIN_PAGE}?redirect=${encodeURIComponent(path)}`
|
||||
|
||||
const userStore = useUserStore()
|
||||
if (userStore.hasLogin) {
|
||||
return
|
||||
}
|
||||
|
||||
console.log('拦截器中得到的 path:', path, userStore.hasLogin)
|
||||
|
||||
if (EXCLUDE_PAGE_LIST.includes(path)) {
|
||||
console.log('111')
|
||||
uni.navigateTo({ url: path })
|
||||
return
|
||||
// #region 1/2 需要登录的情况 ---------------------------
|
||||
if (isNeedLogin) {
|
||||
if (userStore.hasLogin) {
|
||||
return
|
||||
}
|
||||
else {
|
||||
if (EXCLUDE_PAGE_LIST.includes(path)) {
|
||||
return
|
||||
}
|
||||
else {
|
||||
uni.navigateTo({ url: redirectUrl })
|
||||
}
|
||||
}
|
||||
}
|
||||
console.log('222')
|
||||
const redirectUrl = `/pages/login/login?redirect=${encodeURIComponent(path)}`
|
||||
uni.navigateTo({ url: redirectUrl })
|
||||
// #endregion 1/2 需要登录的情况 ---------------------------
|
||||
|
||||
// #region 2/2 不需要登录的情况 ---------------------------
|
||||
else {
|
||||
if (EXCLUDE_PAGE_LIST.includes(path)) {
|
||||
uni.navigateTo({ url: redirectUrl })
|
||||
}
|
||||
}
|
||||
// #endregion 2/2 不需要登录的情况 ---------------------------
|
||||
},
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user