javascript - 如何仅通过路由器链接访问 Vue.js 中的路由

Question

我的 Vue.js 应用程序中有路由 /myPath 。我希望它只能通过路由器链接访问。否则，如果用户尝试直接访问，他将被重定向到“未找到”页面。

这可以通过 Vue.js 路由器特性/功能实现吗？

Answer 1

您可以使用 Navigation Guards 检查用户尝试导航的路线。 。例如这样的事情:

router.beforeEach((to, from, next) => {
    if (from === "route_with_the_router_link") {
        next()
    } else {
        next(false)
    }
})