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 在非根目录下更新时的问题。

相关内容

热门资讯

我来教教你!天酷辅助器,来趣广... 我来教教你!天酷辅助器,来趣广西友玩辅助,详细app(有挂详细)小薇(辅助器软件下载)致您一封信;亲...
科技揭秘!途游手游辅助,小闲川... 科技揭秘!途游手游辅助,小闲川南手游辅助器,详细挂(有挂秘笈)进入游戏-大厅左侧-新手福利-激活码辅...
实测必看!宝宝浙江辅助,乐逍遥... 实测必看!宝宝浙江辅助,乐逍遥脚本辅助,详细工具(有挂规律)乐逍遥脚本辅助能透视中分为三种模型:乐逍...
科普攻略!微友圈app辅助工具... 科普攻略!微友圈app辅助工具,微信小程序开发辅助,详细脚本(有挂存在)1、进入到微信小程序开发辅助...
玩家必看科普!潮友会内部脚本辅... 玩家必看科普!潮友会内部脚本辅助软件,微乐家乡app辅助器,详细app(有挂方针)一、潮友会内部脚本...
玩家必看!雀友会潮汕图片辅助器... 玩家必看!雀友会潮汕图片辅助器,边锋小程序辅助免费,详细攻略(真的有挂)1、上手简单,内置详细流程视...
分享实测!广东雀神透视,蜀渝牌... 分享实测!广东雀神透视,蜀渝牌血战到底辅助,详细技巧(有挂功能)1、操作简单,无需蜀渝牌血战到底辅助...
我来教教你!潮汕汇游戏辅助,随... 我来教教你!潮汕汇游戏辅助,随意玩有没有辅助,详细脚本(真是有挂)1、超多福利:超高返利,海量正版游...
揭秘一下!江西微乐南昌有辅助,... 揭秘一下!江西微乐南昌有辅助,微乐广西小程序脚本,详细攻略(今日头条)1、该软件可以轻松地帮助玩家将...
让我来分享经验!海商嘟咪互动辅... 让我来分享经验!海商嘟咪互动辅助,闲逸亲友圈辅助下载,详细插件(的确有挂)1、打开软件启动之后找到中...