Vue.js 重定向到错误路由的 Firefox

Question

我需要从另一个网站跳转到我的 Vue.js 项目中的一个页面进行登录，然后用令牌跳回去。
但是现在我遇到了在 Firefox 上重定向的问题。

这是我想去的link：
https://www.host.com/admin/#/LoginPage?loginrul=selectportal.html%23%2Fsphome&type=login
但这是 Firefox 实际带我去的地方：
https://www.host.cn/admin/#/sphome

令我困惑的是 这个问题只出现在 Firefox 上，我不会在 Chrome 和 IE 上都遇到它。
当我手动输入URL时它也没有出现。

任何帮助将不胜感激。

Answer 1

问题是 Firefox 选择了您 url 的最后解码部分。 %23%2F 与 #/ 相同，而 %23 与 # 和 %2F / 相同。所以对于 Firefox 来说，/LoginPage?loginrul=selectportal.html%23%2Fsphome&type=login 不是 url，而是 #/sphome&type=login。这部分被解码并不意味着它不会被浏览器解释。

可能 Chrome 和 IE 使用第一个哈希作为它们的条目。但那只是幸运。你需要摆脱你的哈希，你可以通过将它添加到你的路由器来实现：

const router = new VueRouter({
  mode: 'history'
})

Vue.js 重定向到错误路由的 Firefox

Firefox with Vue.js redirecting to a wrong route

javascript

firefox

vue.js

vue-router