如何通过 cdn 脚本注册 Service Worker如何使用外部 url 注册 Service Worker

问题描述

我有一个 cdn 脚本文件,可以处理客户端网站的推送通知设置。

    // cdn sdk.js
    const register = await navigator.serviceWorker.register("https://my_cdn_address.com/sw.js",{
        scope: "/",});

但我收到此错误

The origin of the provided scriptURL ('https://my_cdn_address.com') does not match the current origin ('https://my_client_website.com').

解决方法

只需创建一个本地 service-worker.js 并像这样将您的脚本放入其中。

importScripts( “https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js” );