工作箱不会加载答案

【问题标题】：Workbox will not load工作箱不会加载
【发布时间】：2018-11-09 22:44:20
【问题描述】：

我正在尝试使用 Workbox 将 PWA 功能添加到我的网站。我正在关注Get Started 指南，但我并没有走多远。当我在 Chrome 中运行网站时，出现以下错误：

Refused to load the script 'https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval'".

根据文档，我将 workbox-sw.js 导入我的 wwwroot 文件夹中的 service worker 文件中，其中包含以下行：

importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.6.1/workbox-sw.js');

该导入语句出现“拒绝加载...”错误。

我怎样才能摆脱这个错误？

【问题讨论】：

显示你如何请求/加载该标签-uri ??

标签： service-worker progressive-web-apps workbox

【解决方案1】：

您有一个 CSP 配置，阻止从第三方来源加载脚本，然后您尝试从 Google 加载脚本。您需要允许脚本加载或从您的站点加载页面。

Update the CSP header 通过添加 script-src 'self' 'unsafe-eval' https://storage.googleapis.com 来允许 Google 域。
Using Local Workbox Files Instead of CDN

【讨论】：