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、上手简单,内置详细流程视频教...
研究成果!雀神麻将辅助透视,汇... 研究成果!雀神麻将辅助透视,汇城辅助,详细神器(有挂攻略)1、这是跨平台的雀神麻将辅助透视轻量版有透...
最新技巧!边锋辅助器小程序微信... 最新技巧!边锋辅助器小程序微信,微信边锋辅助下载,详细神器(真的有挂)1、下载好边锋辅助器小程序微信...
玩家必看!江西微乐南昌有辅助,... 玩家必看!江西微乐南昌有辅助,微乐广西小程序,详细方法(有挂辅助)1、超多福利:超高返利,海量正版游...
查到实测辅助!微信途游有辅助吗... 查到实测辅助!微信途游有辅助吗,雀姬手游辅助,详细插件(有挂功能)1、微信途游有辅助吗透视辅助软件激...
重大推荐!微乐卡五星祈福有用吗... 重大推荐!微乐卡五星祈福有用吗,微信闲来辅助神器免费,详细神器(有挂攻略)1、微信闲来辅助神器免费免...
我来分享!微乐卡五星祈福有用吗... 我来分享!微乐卡五星祈福有用吗,微信闲来辅助神器app,详细神器(今日头条)微乐卡五星祈福有用吗透视...
发现一款!微信小程序功夫川辅助... 发现一款!微信小程序功夫川辅助,极速官方游戏暗堡辅助器,详细技巧(有挂分享);1、这是跨平台的极速官...
热点推荐!花舍辅助,多乐跑的快... 热点推荐!花舍辅助,多乐跑的快游戏辅助脚本,详细插件(有挂秘籍)1、许多玩家不知道多乐跑的快游戏辅助...
玩家必看秘籍!打哈儿辅助软件,... 玩家必看秘籍!打哈儿辅助软件,八闽福建辅助,详细攻略(有挂细节)1、打哈儿辅助软件透视辅助软件激活码...