Question

我有2个Vue实例，一个用于前端，另一个用于管理端。

有了这个，我有2个不同的路由器，它们拥有在2个Vue实例中导航的不同路由。

我想知道，如果我有一个集中登录名（位于前端应用程序中），一旦经过身份验证，我该如何导航到管理端？我尝试了以下方法：

@click="$router.push('/admin')"

import router from '../router';

export default {
    methods: {
        navigateToAdmin() {
            router.go('/admin'); // also tried router.push('/admin');
        }
    }
}

这两个似乎都做同样的事情，并将URL推送到浏览器，但实际上并没有更改页面，这就是为什么我想知道是否可以在SPA中做到这一点。

谢谢。

Answer 1

如果要在登录后将用户路由到/admin页，可以尝试以下操作：

@click="navigateToAdmin()"

navigateToAdmin() {
        // if login success
        this.$router.push('/admin'); // automatically routes to admin page
    }

如果您手动进入/admin页；

<router-link to="/admin">Admin</router-link>

Answer 2

您不能将未知路由与<router-link>或router.push一起使用，因为路由器将无法解析未知路由（因为该路由未在路由器中配置）。

您应该使用常规链接

Vue |路由器导航到另一个实例

2 个答案: