vue路由拦截登录router

在配置路由的文件中配置

meta: {
 	requireAuth: true, // 添加该字段，判断登录情况
 },

拦截判断

router.beforeEach((to, from, next) => {
 	if (to.meta.requireAuth) { // 判断该路由是否需要登录权限
 		let token = '';
 		// 会话取值
 		if (localStorage.getItem("token") != null) {
 			token = localStorage.getItem("token");
 		}
 		if (token != '') { // 通过localStorage.getItem()获取当前的 token 是否存在
 			next()
 		} else {
 			next({
 				path: '/login',
 				query: {
 					redirect: to.fullPath // 将跳转的路由path作为参数，登录成功后跳转到该路由
 				}
 			})
 		}
 	} else {
 		next()
 	}
 })