Angular Service Worker-加载资源失败：服务器响应状态为504（网关超时）

Question

我在我们的Angular 5.2.5应用程序中使用了Angulal-CLI 1.6.6和@angular/service-Worker 5.2.5。在本地精简服务器和正式服上一切正常，除了在我们的正式生产环境中弹出一条错误消息：

加载资源失败：服务器响应状态为504（网关超时）

调查ngsw工作者。jsscript我找到了上面生成错误消息的行（后面2466行）：

    async safeFetch(req) {
        try {
            return await this.scope.fetch(req);
        }
        catch (err) {
            this.debugger.log(err, `Driver.fetch(${req.url})`);
            return this.adapter.newResponse(null, {
                status: 504,
                statusText: 'Gateway Timeout',
            });
        }
    } 

catch中的控制台日志记录错误会导致以下错误：

    TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode
        at Driver.safeFetch (ngsw-worker.js:2464)
        at Driver.handleFetch (ngsw-worker.js:1954)
        at <anonymous>

一个似乎与此问题相关的错误：是什么导致未能在“ServiceWorkerGlobalScope”上执行“fetch”：“仅当缓存”只能用“同源”模式错误设置？

产生此错误的req是对应用程序的任何首次访问：

https://example.com/test/#/connect
https://example.com/test/#/map?token=[accestoken]
...

重新加载应用程序时，错误不会重复。

有人能帮我吗？服务工作者的safetch（）中是否存在bug（可能是为了支持HashLocationStrategy）？我必须更改配置中的任何内容吗？

Answer 1

我在chrome浏览器中遇到这个错误，因为SSL证书已过期。解决方案是用有效的SSL证书替换SSL证书。

Answer 2

从后端禁用ETag标头暂时解决了此问题。