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

相关内容

热门资讯

3分钟技法!嘟咪互动修改器(外... 3分钟技法!嘟咪互动修改器(外挂)本来一直都是有辅助攻略(哔哩哔哩)1、玩家可以在嘟咪互动修改器线上...
第2分钟课程!新道游智能辅助器... 第2分钟课程!新道游智能辅助器(外挂)一直是真的有辅助方法(哔哩哔哩)1、实时新道游智能辅助器透视辅...
第四分钟总结!潮友会app下载... 第四分钟总结!潮友会app下载安卓(外挂)原来一直都是有辅助方法(哔哩哔哩)1、完成潮友会app下载...
3分钟课程!同城游辅助软件(外... 3分钟课程!同城游辅助软件(外挂)切实一直都是有辅助技巧(哔哩哔哩)同城游辅助软件能透视中分为三种模...
九分钟方式!兴动休闲辅助(外挂... 九分钟方式!兴动休闲辅助(外挂)一直是真的有辅助方法(哔哩哔哩)1、金币登录送、破产送、升级送、活动...
第三分钟诀窍!今日长牌辅助(外... 第三分钟诀窍!今日长牌辅助(外挂)总是真的是有辅助技巧(哔哩哔哩)1、下载好今日长牌辅助脚本下载之后...
7分钟秘籍!中至辅助(外挂)本... 7分钟秘籍!中至辅助(外挂)本来真的有辅助app(哔哩哔哩)1、实时中至辅助透视辅助更新:用户可以随...
1分钟手册!财神十三章张助安装... 1分钟手册!财神十三章张助安装包(外挂)一贯有辅助脚本(哔哩哔哩)1、进入到财神十三章张助安装包是否...
八分钟诀窍!如何下载并安装胡乐... 八分钟诀窍!如何下载并安装胡乐辅助脚本(外挂)真是有辅助脚本(哔哩哔哩)1、全新机制【如何下载并安装...
第6分钟方针!决战辅助(外挂)... 第6分钟方针!决战辅助(外挂)一贯真的是有辅助软件(哔哩哔哩)1)决战辅助有没有挂:进一步探索决战辅...