Как предоставить доступ к маршруту в Vue.js только через роутер

Question

У меня есть маршрут / myPath в моем приложении Vue.js. Я хочу, чтобы он был доступен только через роутер-линк. Иначе, если пользователь попытается получить прямой доступ, он будет перенаправлен на страницу «не найден».

Возможно ли это с функциями / возможностями маршрутизатора Vue.js?

Answer 1

Вы можете проверить маршрут, по которому пользователь пытается перейти, используя Навигационные охранники . Примерно так, например:

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