未找到与路径匹配的位置 - Vue 3 + Vue Router 4

Question

我需要在 Vue 应用程序中动态创建路由。我已经在此代码沙箱链接上创建了一个基本组件。

我遇到的问题是，首次加载时主页返回 404，即使路线已在created()应用程序的生命周期内添加。我知道这个问题是在创建应用程序之前触发导航，因此这就是为什么在应用程序上导航时导航会自行解决。

在我的更大规模的应用程序上，返回的错误是（未在沙盒上显示，因为定义了“未找到”页面）：

[Vue Router warn]: No match found for location with path "/"

请不要提供包括在初始化 VueRouter 时添加路由的解决方案，因为我特别需要在created()应用程序的生命周期中添加它们，因为我将接收的数据将来自 API，并且我需要在那里处理它。

我尝试过使用导航卫士，但到目前为止我还没有解决这个问题。

请让我知道我做错了什么以及如何解决这个问题。任何帮助是极大的赞赏。

提前致谢。

祝大家有美好的一天。:)

Answer 1