vue路由守卫
当用户未登录,进入首页地址,会强制转向登录页。只有登录的用户才可以进入首页。
//路由守卫---路由一旦改变,就会触发
//to -- 即将进入的页面(下一个页面)
//from --即将离开的页面(上一个页面)
router.beforeEach((to, from, next) => {
console.log(to,from,next)
})
错误写法:
router.beforeEach((to, from, next) => {
if (TOKEN) {
next()
} else {
next("/login")
//会陷入死循环
/*next('/login') 括号里有参数,就会重新触发router.beforeEach() ,一直进入死循环*/
/*next() 默认放行到to指向的path。括号里没有参数,不会触发router.beforeEach*/
}
})
正确写法:
//路由白名单
const whiteRouter = ["/login"]
router.beforeEach((to, from, next) => {
if (getToken()) {
} else {
if (whiteRouter.indexOf(to.path) !== -1) {
//在白名单里
next()
} else {
//没有在白名单里
next("/login")
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· DeepSeek+PageAssist实现本地大模型联网
· 手把手教你更优雅的享受 DeepSeek
· 腾讯元宝接入 DeepSeek R1 模型,支持深度思考 + 联网搜索,好用不卡机!
· 从 14 秒到 1 秒:MySQL DDL 性能优化实战