node.js - 如何修复 'Content Security Policy: The page’ s 设置阻止在 http ://localhost:8080/favicon. ico (“default-src” 处加载资源。'

Question

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

Content Security Policy: The page’s settings blocked the loading of a resource at http://localhost:8080/favicon.ico (“default-src”).

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

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

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

const express = require ('express');
const cors = require('cors');

const app = express();

app.use(cors());
const port = 3001;
// was 8080

app.listen(port, () => {
    console.log(`Server is up and listening on port ${port}`);
})

app.get('/', (req, res) => {
    res.send({
        express: 'Your express backend is connected to react'
    })
})

Answer 1

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

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