vue路由拦截
分类： vue 专栏： vue 标签： vue选择性路由拦截
2022-11-04 16:51:30 608浏览
vue项目里有需要拦截的路由，比如个人中心等页面，也有不需要拦截的页面，比如首页、公告等。如果一个个页面判断太麻烦，这里直接用router.beforEach方法进行判断即可。代码如下，简单明了
router.beforeEach((to, from, next) => {
let p= to.fullPath.toLowerCase();
//不需要登录的
if(p.indexOf("/join")>-1||p.indexOf("/articlelist")>-1){
next();
}else{
//需要登录的
if (to.meta.requireAuth) {
if (localStorage.getItem('lander')!=null ) {
next();
} else {
// 未登录，跳转到登录页面
next('/index');
}
}else {
next();
}
}
})
好博客就要一起分享哦！分享海报
此处可发布评论
评论（0）展开评论
暂无评论，快来写一下吧
展开评论
他的专栏
java 
Mysql 
springboot 
vue 
ssm 
小程序 
js和jquery 
uniapp 
html+css 他感兴趣的技术
