具有本地存储密码的问题路由器

Question

我在 vuejs 中做了一个小应用程序，我想在本地存储中存储一个 paswword，但我在重定向和错误方面遇到了一些问题(范围错误：超出了最大调用堆栈大小(。 你对此有意见吗？

if (!localStorage.passwordEm) {
//eslint-disable-next-line
console.log('foo');
localStorage.passwordEm = 'init';
next('login');
} else if (localStorage.passwordEm !== 'super') {
//eslint-disable-next-line
console.log('bar');
next('login');
} else {
//eslint-disable-next-line
console.log('boz');
next();
}
});

Answer 1

您总是将用户重定向到此处next('login')并在每次之前再次调用。

要解决这个问题，你需要重写你的beforeEach逻辑：

if (to.name === 'login') {
next()
} else if (!localStorage.passwordEm) {
...