后台报错：when going from "/login" to "/console" via a navigation guard.

Question

登录的时候console报这个错:
vue-router.esm.js?8c4f:2065 Uncaught (in promise) Error: Redirected when going from “/login” to “/console” via a navigation guard.

以下是相关组件代码：
Login.vue

 methods: {
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          login(this.ruleForm).then(res => {
            let {code, msg} = res.data;
            if(code == 20000) {
              this.$router.push('/console')
            } else {
              return false;
            }
          })
        } 
      });
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
    },
  },

路由index.js

const routes = [
  {
    path: '/',
    redirect: '/login'
  },
  {
    path: '/login',
    name: 'login',
    meta: {title: 'Login'},
    component: () => import('../views/Login.vue')
  },

Answer 1

扬_灵 2021-04-19 18:25:34

同学你好，你的问题定位到了是路由守卫这里出现了问题，你在项目中添加了两个全局路由守卫

这里的判断条件如果不是去login页面就跳转到login页面,这里的逻辑有些问题。把这里的条件注释掉才能进去第二个全局路由守卫中。你说的mastar和main指的是什么？

• 提问者 慕后端1189009 #1

  我把整段代码注释了，还要是点击两次才能进入

• 提问者 慕后端1189009 #2

  permission.js里的角色，第一次点击登录，没有获取，没有转跳页面，第二次点击，获取角色，页面转跳，为什么第一次点击没有获取角色？

• 提问者 慕后端1189009 #3

  好想找到问题了，commit没有执行，所以没有角色，逻辑重新写了下，暂时没问题。但是还有个问题，刷新页面，导航栏里没有保存状态，例如，在博客管理下的查看，如果刷新页面，折叠栏就会收缩，不会停留在 管理 状态

点开查看后面1条评论

Answer 2

扬_灵 2021-04-19 09:18:40

同学你好，可以参考一下这篇文档https://blog.csdn.net/weixin_44039043/article/details/109400572 

• 提问者 慕后端1189009 #1

  根据方法修改后没有出现报错，但是需要点击两次登录或者点击一次登录+刷新页面，才会进入转跳页面submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            login(this.ruleForm).then(res => {
  
              let {code, msg} = res.data;
              if(code == 20000) {
                console.log('前')
                this.$router.push('/console')
                console.log('后')
              } else {
                return false;
              }
            })
          }
          else {
            console.log("error submit!!");
            return false;
          }
        });
      },
  
  第一次点击登陆，console.log的前、后都有打印，但是就是没转跳

• 扬_灵 回复 提问者 慕后端1189009 #2

  同学你好，可以把你的代码上传到github或是码云这些代码托管平台，把地址发我一下，我在本地帮你测试定位一下问题。

• 提问者 慕后端1189009 回复 扬_灵 #3

  https://github.com/dancingzero/vue-blog-console/tree/master
  还有个问题，如何把master改为main？
  谢谢老师！