AngularPWA在非根目录下更新时有问题。
创始人
2024-10-29 02:00:28
0
  1. 找到 service-worker.ngsw.json 文件并将 "baseHref": "/" 修改为你应用程序的实际基本路径。比如,如果你的应用程序部署在了 myapp.com/myapp 路径下,那么应该将 "baseHref": "/myapp/"。

  2. 在 angular.json 文件里面找到对应的配置文件(比如 production 或者 staging),添加一个 outputPublicPath 属性,并将其设置为你应用程序的实际基本路径。例如:

"configurations": {
  "production": {
    "outputPath": "dist/myapp",
    "outputPublicPath": "/myapp/",
    ...
  1. 在 index.html 文件里面添加一个 base 标签,告诉浏览器应该将相对地址解析为相对于该标签下的路径。例如:

  1. 确保你的服务器配置正确,并在服务端返回正确的响应。对于 Apache 服务器,可以通过 .htaccess 文件来实现:
RewriteEngine On
RewriteBase /myapp/
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /myapp/index.html [L]

以上的步骤可以帮助你解决 Angular PWA 在非根目录下更新时的问题。

相关内容

热门资讯

八分钟了解!浙衢麻将跑得快有挂... 八分钟了解!浙衢麻将跑得快有挂吗,微扑克德州专用辅助器游戏平台(详细透视辅助黑科技教程);微扑克德州...
一分钟黑科技!心悦填大坑辅助器... 1、一分钟黑科技!心悦填大坑辅助器免费版,wpk微扑克免费辅助(详细透视辅助插件教程);详细教程。2...
6分钟教程!快玩炸翻天的辅助,... 6分钟教程!快玩炸翻天的辅助,扑克时间软件(详细透视辅助黑科技教程);一、快玩炸翻天的辅助AI软件牌...
九分钟技巧!欢乐贰柒拾辅助软件... 《欢乐贰柒拾辅助软件通用版软件透明挂》是一款多人竞技的欢乐贰柒拾辅助软件通用版辅助透视游戏,你将微扑...
6分钟总结!掌电竞技外 挂,w... 掌电竞技外 挂新手教程相关信息汇总(需添加指定薇757446909获取下载链接);6分钟总结!掌电竞...
6分钟攻略!欢乐达人暗宝挂,n... 《6分钟攻略!欢乐达人暗宝挂,nzt德州辅助软件基本了解(详细透视辅助助手教程)》 欢乐达人暗宝挂软...
6分钟了解!友乐麻将赢牌器,w... 6分钟了解!友乐麻将赢牌器,wepoke科技(详细透视辅助挂教程);(需添加指定薇757446909...
五分钟详情!星悦麻将,wepo... 五分钟详情!星悦麻将,wepoke辅助(详细透视辅助软件教程);支持多人共享记分板与复盘,通过邀请好...
十分钟黑科技!陕麻圈吗,微扑克... 十分钟黑科技!陕麻圈吗,微扑克俱乐部管理(详细透视辅助挂教程);(需添加指定薇757446099获取...
9分钟总结!全民如意棋牌,aa... 9分钟总结!全民如意棋牌,aapoke辅助工具存在(详细透视辅助软件教程);全民如意棋牌最新版本免费...