javascript - 防止 VueJs 中浏览器 url 的位置更改

Question

我有一个 vuejs 应用程序，我在其中对后端进行 rest api 调用。我已经定义了路由器并导航了不同的组件。现在，当我导航时，我看到了 https://domain-name.com/#/abc浏览器 URL 中的路由路径。我想阻止这种情况，以便它始终显示 https://domain-name.com/不管我走什么路。有没有办法在 Vuejs 或任何其他解决方案中做到这一点。感谢您的帮助!

谢谢，拉胡尔

Answer 1

你正在使用 Vue Router，它的想法是改变路由......

由于您在路由器下的 url 中获得了哈希，因此您需要添加 mode 属性。

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

这将删除/#/someRoute，它将变成/someRoute

添加历史记录模式后，您需要分别设置您的 apache/nginx 服务器以反射(reflect)如果用户输入 domain.com/someRoute，他们将不会收到任何我们可以修复的信息 here .

如果您希望链接永久保留为 www.domain.com 而不是使用 vue-router，则必须在需要时更改组件，基本上在页面上有一百万个 if 语句。