Firebase，带有变量的网址重定向到主页答案

【问题标题】：Firebase, url with variables redirects to main pageFirebase，带有变量的网址重定向到主页
【发布时间】：2018-10-09 03:21:05
【问题描述】：

我有一个如下所示的链接：

https://mywebsite.com/#/new-account?jk=-LOLgLiyfxANW-ojMKrf

jk 是我想在此页面上阅读和使用的变量。每个用户的变量都会改变。

问题是当点击这个链接时，用户被重定向到应用程序的主页。该应用程序是使用 Ionic 开发的 PWA。我仔细检查了我的代码，没有什么会导致这种重定向行为。

到目前为止，我尝试在 Firebase 初始化期间取消选择“单页”选项再次上传应用程序，但问题仍然存在。

谢谢

【问题讨论】：

那个标签是有意义的，不应该那样存在。为什么# 在那里？
主题标签包含在 Ionic 为 PWA 中的每个页面创建的链接中。带有主题标签的其他页面的链接有效，因为 Firebase 将它们识别为有效链接，但是当我向链接添加变量时，Firebase 将其视为无法识别的页面并重定向到主页。
@kwanite 你能显示 newAccountPage 代码吗？
代码解析变量并在屏幕上显示一些变量。它现在工作正常。您可能会看到我发布的答案。

【解决方案1】：

我联系了 firebase 支持，他们建议我通过将其包含在托管标签中的 firebase.json 中来解决它：

"redirects": [{
"source": "/#/new-account?:vars*",
"destination": "https://mywebsite.com/#/new-account?:vars*",
"type": 301
}]

Firebase 托管会捕获 : 之后的任何文本并将其传输到目的地。否则，它会为任何与现有页面的 URL 不完全匹配的链接创建 404。

也许有一种更优雅的方法可以做到这一点，但它适用于我的情况。更多信息可在此链接获得： https://firebase.google.com/docs/hosting/full-config#redirects

【讨论】：