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

No match found for location with path - Vue 3 + Vue Router 4

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

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

在我的更大规模应用程序中,返回的错误是(未在 Sandbox 上显示,因为已定义“未找到”页面):

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

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

我试过使用navigation guards但是我还没有设法解决这个问题。

请让我知道我做错了什么以及我该如何解决这个问题。非常感谢任何帮助。

提前致谢。

大家好。 :)

添加路由后需要触发新的导航:https://next.router.vuejs.org/guide/advanced/dynamic-routing.html#adding-routes