vue.js - 如何解决vue中避免冗余导航到当前位置错误？

Question

我是 vue 新手，在用户登录并重定向到另一条路线后出现错误。
基本上我是一名 PHP 开发人员，我在 vue 中使用 laravel。请帮我解决这个错误。

Uncaught (in promise) Error: Avoided redundant navigation to current location: "/admin".

这里也是截图



Vue代码

 methods: {
        loginUser() {
            var data = {
                email: this.userData.email,
                password: this.userData.password
            };
            this.app.req.post("api/auth/authenticate", data).then(res => {
                const token = res.data.token;
                sessionStorage.setItem("chatbot_token", token);
                this.$router.push("/admin");
            });
        }
    }

Vue 路线

const routes = [
    {
        path: "/admin",
        component: Navbar,
        name: "navbar",
        meta: {
            authGuard: true
        },
        children: [
            {
                path: "",
                component: Dashboard,
                name: "dashboard"
            },
            {
                path: "users",
                component: Users,
                name: "user"
            }
        ]
    },
    {
        path: "/login",
        component: Login,
        name: "login"
    }
];

const router = new VueRouter({
    routes,
    mode: "history"
});

router.beforeEach((to, from, next) => {
    const loggedInUserDetail = !!sessionStorage.getItem("chatbot_token");
    if (to.matched.some(m => m.meta.authGuard) && !loggedInUserDetail)
        next({ name: "login" });
    else next();
});

Answer 1

我记得很清楚，你可以在 this.$router.push 之后使用 catch 子句。然后它看起来像:

this.$router.push("/admin").catch(()=>{});

这使您只能避免错误显示，因为浏览器认为异常已处理。