Java Angular Service Worker脱机支持在tomcat上部署时不工作

我有一个angular应用程序，我们正在tomcat上部署它（使用war）。我正在使用angular sw向应用程序添加脱机支持。 使用上下文路径访问应用程序（例如showcase app）

我现在面临的问题是，当我尝试使用以下URL访问应用程序（使用chrome dev工具的脱机模式）时，它工作正常：

（重定向到）

当我按F5时，我得到的是http 504

如果我尝试，将抛出504错误

我觉得这与路线有关，但不确定到底是什么问题

这是我生成的ngsw.json文件（删除不必要的css和js URL）

---

我正在使用Angular 8

根据此文档，您需要https与服务人员一起工作。。。不管怎么说，如果你在当地的tomcat上试用，它会起作用的

位于：

---

根据此文档，您需要https才能与服务人员一起工作。。。不管怎么说，如果你在当地的tomcat上试用，它会起作用的

位于：

---

我不认为这个问题与PWA有关。此问题可能是因为您正在子url中部署。可能您需要在base和中指定这一点。htaccess@SGalea，你能再澄清一点吗？我需要指定的位置和内容？我正在使用ApacheTomcat服务器，不确定是否有可用的.htaccess文件。请在stackblitz.com上复制这个问题，因为我只是在猜测。问题是你的index.html要放在showcase应用程序下，你有一些自定义设置，我们也需要知道，以便帮助你。此外，除非使用https，否则PWA不会正常工作。尝试直接部署在无子文件夹下以开始故障排除。我试图在stackblitz.com上重现此问题，但我认为这与tomcat部署有关。另外，我不能直接在tomcat下部署，因为它试图单独部署所有子文件夹。我不认为这个问题与PWA有关。此问题可能是因为您正在子url中部署。可能您需要在base和中指定这一点。htaccess@SGalea，你能再澄清一点吗？我需要指定的位置和内容？我正在使用ApacheTomcat服务器，不确定是否有可用的.htaccess文件。请在stackblitz.com上复制这个问题，因为我只是在猜测。问题是你的index.html要放在showcase应用程序下，你有一些自定义设置，我们也需要知道，以便帮助你。此外，除非使用https，否则PWA不会正常工作。尝试直接部署在无子文件夹下以开始故障排除。我试图在stackblitz.com上重现此问题，但我认为这与tomcat部署有关。我也不能直接在tomcat下部署，因为它试图单独部署所有子文件夹

{
  "configVersion": 1,
  "timestamp": 1565693252354,
  "index": "/showcase-app/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "updateMode": "prefetch",
      "urls": [
        "/showcase-app/favicon.ico",
        "/showcase-app/index.html",
        "/showcase-app/main-es2015.f5103b4162e6ae00889a.js",
        "/showcase-app/main-es5.0b19cc7e5eb478145768.js",
        "/showcase-app/polyfills-es2015.e35a976998ea3f8206df.js",
        "/showcase-app/polyfills-es5.6e97d82e42cdf0e046a3.js",
        "/showcase-app/runtime-es2015.3d53808bc2188f4243c7.js",
        "/showcase-app/runtime-es5.f1b869bd6638a324a133.js",
        "/showcase-app/scripts.385aa2cec8cdc651bfad.js",
        "/showcase-app/styles.5b950d38f1d7a3ba6506.css",
      ],
      "patterns": []
    },
    {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "urls": [
        "/showcase-app/CardObject.f4ac54620cd0f92eb623.png"
      ],
      "patterns": []
    }
  ],
  "dataGroups": [],
  "hashTable": {
    "/showcase-app/CardObject.f4ac54620cd0f92eb623.png": "425c1e1cfed36bea7d7d3637fa95c147bd5480d3"
  },
  "navigationUrls": [
    {
      "positive": true,
      "regex": "^\\/.*$"
    },
    {
      "positive": false,
      "regex": "^\\/(?:.+\\/)?[^/]*\\.[^/]*$"
    },
    {
      "positive": false,
      "regex": "^\\/(?:.+\\/)?[^/]*__[^/]*$"
    },
    {
      "positive": false,
      "regex": "^\\/(?:.+\\/)?[^/]*__[^/]*\\/.*$"
    }
  ]
}