仅带密码的 Simples Vuejs 路由保护

Question

所以，我正在尝试创建一个路由保护，在用户被重定向到仪表板之前会提示用户输入密码，但是在完成所有设置后，我仍然可以通过在地址栏中键入 /dashboard 来访问仪表板。 我有什么：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/dashboard',
      name: 'dashboard',
      component: home,
      props: true,
      beforeEnter: (to, from, next) =>{
        if (to.params.senha == to.params.mestre){
          next()
        } else{
          next({name: 'login'})
        }
      }

其中“senha”是用户输入，“mestre”是登录组件数据中存储的变量主密码。

这就是登录组件发送给路由器的内容

toApp() {
      this.$router.push({
        name: "dashboard",
        params: { senha: this.senha, mestre: this.mestre }
      });

我知道这不是一种安全的身份验证方法或任何相关的方法，它对于一个非常简单的应用程序来说非常简单。

我错过了什么？

Answer 1

以上逻辑运行正常，没有发现bug

尝试对路由器推送和测试中的值进行硬编码

this.$router.push({
        name: "dashboard",
        params: { senha: "senha", mestre: "senha" }
      });

如果它工作正常，然后尝试在路由之前在控制台中打印值

console.log(this.senha, this.mestre);
this.$router.push({
        name: "dashboard",
        params: { senha: this.senha, mestre: this.mestre }
      });

如果您发现任何问题，请尝试检查控制台是否有任何错误