router.beforeEach 仅适用于 router-link

【问题标题】：router.beforeEach working only with router-linkrouter.beforeEach 仅适用于 router-link
【发布时间】：2019-10-21 14:46:18
【问题描述】：

我正在尝试使用 Vue 路由器动态更改元标记并且它正在工作，我关注了this article。问题是它只有在我从 router-link 更改路由时才有效，如果我直接输入 URL，那么第一个加载页面不会采用动态元标记。

当我直接输入 URL 时，有没有办法运行这个导航守卫？

【问题讨论】：

【解决方案1】：

我遇到了同样的问题，我在 router.beforeEach 之后创建实例解决了它。

所以应该是这样的：

• 创建new VueRouter

• 执行router.beforeEach

• 创建新实例new Vue

【讨论】：