Vue/Nuxt 路由问题：为什么在特定路由期间加载“错误”组件？

Question

谁能告诉我为什么刷新浏览器时会加载以下组件？

沙盒链接：https://codesandbox.io/s/lucid-darkness-vwklt?file=/pages/index.vue

让我解释一下。

我想要发生的事情和我的预期输出：

1.) 点击“doss” --> 配置文件和设置 --> [显示带有数据的配置文件页面]

2.) 然后，刷新/重新加载浏览器，配置文件页面仍然显示相同的数据

3.) URL 没有改变。

实际发生的情况和意外输出：

1a.) 点击“doss” --> 配置文件和设置 --> [显示带有数据的配置文件页面]

2a.) 然后，刷新/重新加载浏览器，个人资料页面未显示，而是加载了另一个标题为“帖子详细信息页面”的组件。

3a.) URL 没有改变。

为什么会发生 #2a？ URL 没有改变，但组件发生了变化。

我做错了什么？这是我的 NuxtJS 文件夹结构：

Answer 1

要在 Nuxt 中添加动态路由，请创建一个以破折号开头的文件。你已经这样做了，这完全没问题，就像;

_myPage.vue 或添加一个名为 _myPage 的文件夹，其中包含一个 index.vue 文件。

但是您的示例不起作用，因为 nuxt 缺少链接/菜单项中的“doss”路由。 工作示例； https://codesandbox.io/s/holy-voice-6pofd?file=/pages/doss/_displayName/index.vue

URL 路径将导致/doss/xxx

另见； Nuxt dynamic pages