vue路由导航守卫判断用户是否登录

最新推荐文章于 2024-05-16 09:28:34 发布

--北海道的夏天不会说再见--

最新推荐文章于 2024-05-16 09:28:34 发布

阅读量604

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/lonsole/article/details/120358204

版权

const routes = [
	{
		path:'login',
		name:'Login',
		component:Login,
		meta:{
			isLogin:false
		}
	},
	{
		path:'/',
		component:Layout,
		children:[
			{
				path:'/',
				redirect:'/product'
			},
			{
				path:'content',
				name:'Content',
				component:Content,
				meta:{
					isLogin:true
				}
			}
		]
	}
]
router.berforeEach((to,from,next) => {
	if(to.meta.isLogin) {//判断用户是否需要判断登录
		if(false){ //token
			//跳转到对应页面
			next()
		}else{
			//去登录页面
			next({
				path:'/login'
			})
		}
			}else{
				next()
			}
})