如何修复“内容安全策略：页面的设置阻止加载 http://localhost:8080/favicon.ico（“default-src”）上的资源。”

Question

我能够连接到我的服务器并使用获取请求来显示一些文本。然而，当我休息后重新启动服务器时，我遇到了这个错误

\n\n

Content Security Policy: The page\xe2\x80\x99s settings blocked the loading of a resource at http://localhost:8080/favicon.ico (\xe2\x80\x9cdefault-src\xe2\x80\x9d).\n

\n\n

如果有人能指出我正确的方向，那就太好了。

\n\n

如果有帮助的话，我正在使用最新版本的 Firefox。

\n\n

编辑：我更改了端口。我现在可以看到我的获取请求，但是，我仍然收到错误

\n\n

const express = require ('express');\nconst cors = require('cors');\n\nconst app = express();\n\napp.use(cors());\nconst port = 3001;\n// was 8080\n\napp.listen(port, () => {\n    console.log(`Server is up and listening on port ${port}`);\n})\n\napp.get('/', (req, res) => {\n    res.send({\n        express: 'Your express backend is connected to react'\n    })\n})\n

\n

Answer 1

当启用 JSON 查看器时，Firefox 中存在一个错误，至少从版本 86 开始一直持续到至少版本 89，其中标Content-Type: application/json头制定了比其他内容类型更严格的 CSP。要解决这个问题，可以：

• 更改您的内容类型标头（在 Express 中，发送字符串而不是 JavaScript 对象）
• 或者，devtools.jsonview.enabled禁用about:config