我有一个 vuejs 应用程序,我在其中对后端进行 rest api 调用。我已经定义了路由器并导航了不同的组件。现在,当我导航时,我看到了 https://domain-name.com/#/abc浏览器 URL 中的路由路径。我想阻止这种情况,以便它始终显示 https://domain-name.com/不管我走什么路。有没有办法在 Vuejs 或任何其他解决方案中做到这一点。感谢您的帮助!
谢谢, 拉胡尔
最佳答案
你正在使用 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 语句。
关于javascript - 防止 VueJs 中浏览器 url 的位置更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50621920/