vue路由前卫拦截

最新推荐文章于 2024-01-30 16:05:46 发布

yaoqiuquan

最新推荐文章于 2024-01-30 16:05:46 发布

阅读量271

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/yaoqiuquan/article/details/108400094

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

vue路由前卫拦截

报错：RangeError: Maximum call stack size exceeded at VueRouter.match 循环多次

修改（排除页面）

/*
  挂载路由导航守卫
  to:要访问的路径
  from：从哪里来的路径
  next：是一个函数，放行
*/
router.beforeEach((to, from, next) => {
	let token = localStorage.getItem('token');
	const outerPaths = ['/login'];
	if (!token && !outerPaths.includes(to.path)) {
		next({
			path: '/login',
			replace: true
		});
	} else {
		next();
	}
});