首页 > 解决方案 > 由于 /home 路由,离子应用程序无法刷新

问题描述

blank从模板构建了一个全新的 ionic v5 应用程序。为简单的玩具项目的主页添加了最小逻辑,并部署到 Azure 上的静态 blob。

将文件夹复制www到 blob,然后将其公开。浏览网址,index.html但这产生了很多错误runtime.js:1 Failed to load resource: the server responded with a status of 400 (One of the request inputs is out of range.)

所以然后我尝试了一个新的存储模块并使用了“静态网站”选项,它确实有效,除了......当它运行时,它会添加/home到地址中,如果用户尝试刷新页面,那么它The requested content does not exist.当然会失败,因为它认为这是网站内的资源。

您可以通过在 www 文件夹中运行服务器(例如 http-server)来模拟这一点,运行应用程序,然后按 F5 刷新。我注意到使用 dev 命令运行时没有问题ng serve

较旧的离子项目没有这个问题。我做了什么特别的事吗?这可以防止任何手机查看应用程序然后添加到主屏幕,因为它在地址中包含 /home。

标签: ionic-frameworkionic5

解决方案


在这里找到了部分解决方案 https://stackoverflow.com/a/56584151/769427

其中描述了使用静态网站的 404 页面设置指向 index.html。它确实可以工作(并且也可以使用深度链接),但缺点是每次在开发工具中都会注册一个 404 错误。


推荐阅读