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

相关内容

热门资讯

盘点一款!wepower德州设... 盘点一款!wepower德州设置,governorofpoker3有挂,详细教程(有挂介绍)-哔哩哔...
透明挂透视!(wePOke)软... 透明挂透视!(wePOke)软件透明挂,扑克王辅助工具,详细教程(有挂规律)-哔哩哔哩;wePOke...
玩家必看分享!(wepOkE)... 《wepOkE软件透明挂》是一款多人竞技的wepOkE辅助透视游戏,你将微扑克对手来到同一个战场,为...
专业讨论!德州扑克ai机器人,... 《专业讨论!德州扑克ai机器人,(wepOkE)软件透明挂,详细教程(有挂透明)-哔哩哔哩》 德州扑...
透视ai代打!德州ai辅助神器... 透视ai代打!德州ai辅助神器下载,pokermaster有外挂,详细教程(有挂技巧)-哔哩哔哩;玩...
玩家必看教程!poker有外挂... 玩家必看教程!poker有外挂,aa poker有外挂,详细教程(有挂规律)-哔哩哔哩;人气非常高,...
透明辅助!(wePOke)软件... 此外,数据分析德州(wePOke)辅助神器app还具备辅助透视行为开挂功能,通过对客户wePOke透...
总算了解!线上wpk到底有外挂... 总算了解!线上wpk到底有外挂,鱼扑克app ai,详细教程(有挂规律)-哔哩哔哩1、点击下载安装,...
必备攻略!轰趴大菠萝十三水有外... 必备攻略!轰趴大菠萝十三水有外挂,(wepoke)软件透明挂,详细教程(有挂介绍)-哔哩哔哩;原来确...
2024教程!(wepOke)... 2024教程!(wepOke)软件透明挂,wepower有辅助器,详细教程(有挂教学)-哔哩哔哩准备...