vue 设置路由的登录权限 - vue - 前端 - 技术设计 | Maan Xlong = 书架

index.js

将需要登录权限的路由设置 meta 属性

	meta:{requireAuth:true},
	main.js

在 main.js 内直接写对路由的验证

	router.beforeEach((to, from, next) => {
	if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限
	if (sessionStorage.getItem("access_token")) { // 判断当前的 token 是否存在
	next();
	}
	else {
	next({
	path: '/manage',
	query: {redirect: to.fullPath} // 将跳转的路由 path 作为参数，登录成功后跳转到该路由
	})
	}
	}
	else {
	next();
	}
	});