vue-router - 允许路由器防护中的 2 个组件

Question

我有这个路由器保护程序，如果用户没有登录，它只会打开登录组件，如果用户没有登录，我怎么能允许他去创建帐户。提前致谢

import { LocalStorage } from "quasar";

export default ({ router }) => {
router.beforeEach((to, from, next) => {
let loggedIn = LocalStorage.getItem("loggedIn");
if (!loggedIn && to.path !== "/signin") {
  next("/signin");
} else {
  next();
}

}); };

标签： vue-router

Answer 1

如果用户未登录并单击注册按钮，则用户将导航到注册路径如果用户未登录但尝试访问注册以外的任何其他路线，则用户重定向到登录

import { LocalStorage } from "quasar";

export default ({ router }) => {
router.beforeEach((to, from, next) => {
let loggedIn = LocalStorage.getItem("loggedIn");
if (!loggedIn && to.path === "/signup") {  // replace your signup path 
  next("/signup");
else if (!loggedIn && to.path !== "/signin") {
  next("/signin");
} else {
  next();
}
}); };