带有 Vue.js 的 Firefox 重定向到错误的路由答案

【问题标题】：Firefox with Vue.js redirecting to a wrong route带有 Vue.js 的 Firefox 重定向到错误的路由
【发布时间】：2021-10-11 07:37:08
【问题描述】：

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

这是我试图访问的链接：
https://www.host.com/admin/#/LoginPage?loginrul=selectportal.html%23%2Fsphome&type=login
但这是 Firefox 真正带我去的地方：
https://www.host.cn/admin/#/sphome

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

任何帮助将不胜感激。

【问题讨论】：

标签： javascript vue.js firefox vue-router

【解决方案1】：

问题在于 Firefox 选择了您网址的最后解码部分。 %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'
})

【讨论】：

非常感谢您的回答！会试试这个！
嗨史蒂文，我遇到了一些新问题，但它确实有效，非常感谢！
@Yukiteru 很好，它帮助你前进。如果您遇到新问题，只需提出新问题，我/我们会帮助您。
你这么说真是太好了，我真的很感激！ ...实际上，我还有另一个问题，也是关于 Vue.js 和 Firefox 的，如果你也能看一下，我将非常感谢！