页面加载中的vue-router动态路由

Question

使用vue-router 3.0.6

我有几个登录页面，它们的URL是通过API在页面加载时加载的。

我等待渲染<router-view />，直到此API调用解决。

解决后，我运行this.$router.addRoutes(routes)

但是一旦渲染了路由器视图，我就会得到404路由。

如果我导航到主页并单击指向动态登录页面的链接，则该链接原本是我尝试在加载时访问的页面，它工作正常。

是否有一些功能可以让vue-router重新评估其可用路线，而在将路线更改为首页时可能会发生这种情况，从而允许下一次导航到动态页面工作？

首次加载-> / dynamic-route = 404

首次加载-> / dynamic-route-> 404->主页-> / dynamic-route =确定

Answer 1

当您直接匹配/dynamic-route时，可能addRoutes不起作用。所以它会算404。 您可以在更改路线时使用beforeEach的功能来使addRoutes的功能起作用。