如何在 Vue 中授予对路由的访问.js仅通过路由器链路

Question

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

使用 Vue.js 路由器特性/功能可以做到这一点吗？

Answer 1

您可以使用导航卫士检查用户是否尝试导航。像这样的东西，例如：

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