angular - Service Worker 不适用于 Azure 静态 Web 应用上的自定义域

Question

我目前正在尝试让 PWA 功能在 Azure 静态 Web 应用程序上托管的 Angular 应用程序上工作。我遇到了一个问题，服务工作者注册了 xx.azurestaticapps.net，但没有注册我添加的自定义域。

显现

   {
  "name": "App Name",
  "short_name": "Name",
  "theme_color": "#09559D",
  "background_color": "#09559D",
  "display": "standalone",
  "scope": "./",
  "start_url": "./",
  "icons": [

    ..omitted
  ]
}

静态 Web 应用程序配置文件

{
    "navigationFallback": {
        "rewrite": "index.html",
        "exclude": ["/assets/*.{png,jpg,gif}", "*.css"]
    },
    "mimeTypes": {
        "json": "application/json",
        "webmanifest": "application/manifest+json"
    }
}

有谁知道可能是什么原因造成的？

Answer 1

确保您的构建在“生产”模式下运行。

默认情况下，Angular 只为生产站点注册 Service Worker。

我有你同样的问题。就我而言，Microsoft builder“Oryx”运行“yarn build”来构建应用程序，但该脚本没有“--prod”标志。

改变

包.json

从

"scripts": {
   "start": "ng serve",
   "build": "ng build",
   [...]

},

至

"scripts": {
   "start": "ng serve",
   "build": "ng build --prod",
   [...]

},

为我解决了这个问题。