为啥在我的 Flutter Web 上使用路径 URL 策略会破坏我的导航?

Posted

技术标签:

【中文标题】为啥在我的 Flutter Web 上使用路径 URL 策略会破坏我的导航?【英文标题】:why using the path URL strategy on my flutter web breaks my navigation?为什么在我的 Flutter Web 上使用路径 URL 策略会破坏我的导航? 【发布时间】:2021-08-24 13:12:06 【问题描述】:

在社交媒体共享按钮中使用哈希几乎是不可能的,所以我想摆脱我颤动的 web url 路径中的 #,问题是当我这样做时,我使用 onRoute 设置的导航会中断并且可以'找不到网页,我认为这是一个激增的问题,但即使我将它部署在 firebase 上,将其配置为单页应用程序,我也遇到了同样的问题。 我真的在这里挣扎..我没有更多的想法,是吗?

【问题讨论】:

【参考方案1】:

好的,我正在回答我自己的问题,以便未来有相同问题的开发人员能够更轻松地旅行。 Flutter 路径 url 策略似乎在子域下中断,使用像 Surge、Firebase 托管或 netlify 这样的网站会使您的导航在使用 pathURlStrategy() 时停止工作。

使用真实域名为我解决问题

【讨论】:

是的,这对我有帮助。谢谢笔!刚刚删除 setUrlStrategy(PathUrlStrategy());【参考方案2】:

URL 中的“#”替换为“%23”

点击这里查看更多ASCII characters in URL-encoding

【讨论】:

我知道应该这样做,但是如果我用 %23 替换 # 会破坏我在 Flutter Web 应用程序上的导航

以上是关于为啥在我的 Flutter Web 上使用路径 URL 策略会破坏我的导航?的主要内容,如果未能解决你的问题,请参考以下文章

在我的 Flutter 应用中,只有当我们触摸屏幕时才会加载页面内容。为啥?

为啥 firebase auth 在我的新三星手机上不起作用?

Flutter:为啥我的构建器在 Web 服务调用后没有重新加载?

Flutter 应用程序在 Android TV 上安装但无法打开,为啥?

为啥我的数据没有在 Flutter for web 中使用 api 从实时数据库中检索

为啥 Flutter 运行需要永远?