http上的服务工作者：获取脚本时发生SSL证书错误

Question

我正在为我的angular 4项目使用https而不是https的服务工作者。但我得到了以下错误：服务工作者注册失败：DomeException:注册服务工作者失败：获取脚本时发生SSL证书错误。

这是我的service-worker.js

module.exports = {
    navigateFallback: '/index.html',
    stripPrefix: 'dist',
    root: 'dist/',
    staticFileGlobs: [
        'dist/index.html',
        'dist/**.js',
        'dist/**.css',
        'dist/assets/image/**.*',
        'dist/assets/image/client-home-carousel/**.*',
    ]
};

一个有棱角的cli。json:

"assets": [
            "assets",
            "favicon.ico",
            "service-worker.js"
        ],

Answer 1

因此，正如pate提到的“服务工作者只能通过HTTPS连接使用”，

如果特定的DomExcture发生在本地，当使用证书访问本地机器上的网络资源时，这些最新版本的浏览器启动可能会有所帮助：

open -a Opera.app --args --user-data-dir=/tmp/foo --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://localhost:8111

open -a Brave\ Browser.app --args --user-data-dir=/tmp/foo --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://localhost:8111

open -a Google\ Chrome.app --args --user-data-dir=/tmp/foo --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://localhost:8111

Chromium browser没有以这些设置启动，以允许克服在本地与服务工作者一起使用SSL的特定DomeException。

此人还就此事提供了一些见解：https://deanhume.com/testing-service-workers-locally-with-self-signed-certificates/

Answer 2

服务工作者只能通过HTTPS连接使用。你到底用不用？此外，HTTPS证书必须有效。

作为旁注，您显示的代码不是您的service-worker.js.该代码是一些SW库的参数和选项，然后根据这些选项生成您的service-worker.js。实际service-worker.js很可能位于dist目录中，并作为构建过程的一部分进行更新。