菜鸟在这里。使用 create-react-app 创建 PWA React 应用程序并遇到有关默认设置为 none 和没有 img 设置来覆盖它的 CSP 问题。
已经针对这个确切的问题搜索并尝试了许多有用的答案,但还没有找到适合我的应用程序的答案。也许我只需要第二双眼睛?
错误是:
不能获取 /
控制台告诉我:
加载资源失败:服务器响应状态为 404(未找到)localhost/:1 拒绝加载图像“http://localhost:3002/favicon.ico”,因为它违反了以下内容安全策略指令:“默认-src '无'”。请注意,'img-src' 未明确设置,因此使用 'default-src' 作为后备。
localhost/:1 加载资源失败:服务器响应状态为 404(未找到)
我尝试实现 express-csp-header 的 server.js 的屏幕截图:
index.html 的屏幕截图,用于显示添加的图像,并且没有 CSP 的元标记:index.html
我曾尝试按照其他地方的建议添加标签。我尝试了我能找到的来自 stackoverflow 的所有其他建议。请指教。
----编辑--- 我想我需要知道的是如何覆盖 webpack 附带的 CSP 作为 Create-React-App 的一部分,因为控制台错误消息说 'img src' 没有定义,所以它是默认的设置为“无”的“默认 src”。我相信我已经正确安装了 express-csp-header 并且正确设置了 'img src',为什么浏览器没有找到?
----另一个编辑--- 一直以来我都在想 webpack 必须是浏览器获取错误消息中提到的“default-scr:NONE”的地方。我刚刚搜索了 react-script 中的所有文件,这是 webpack 配置文件所在的位置,没有发现任何“default-scr: NONE”的出现。是 Express 设置吗?为什么我要使用这个 CRA 应用程序来处理 CSP,而不是我以相同方式创建的其他十几个应用程序?拉我的头发。