vue.js - Vue Router 不保留在地址栏中输入的 URL

Question

所以我有一个在历史模式下运行的 Vue 路由器。单击时它可以完美运行<router-links>，但我无法让地址栏导航“粘贴”。尽管加载了正确的页面内容，该地址始终会恢复到之前的 URL。

您可以通过运行vue create projectName并选择Manually select features-> Router-> Vue 3.x->自己复制它Use history mode (Y)。这将创建下面的示例项目。

如果您导航到http://localhost:8080/about，将加载 About 视图。正确的。

现在，如果您键入http://localhost:8080/，主页视图会加载，但 URL 会恢复为/about!

如果您http://localhost:8080/about再次键入，则会发生完全相反的情况。

我做错了什么，还是这是 Vue Router 4 中的错误？

Answer 1

原来这是Vivaldi独有的错误。流行的浏览器显示了 Vue Router 的预期行为，甚至其他 Chromium 浏览器。

我真的应该从一开始就检查一下。希望这对其他人有所帮助！