Question

我能够连接到服务器并使用get请求显示一些文本。但是，当我休息一会后重新启动服务器时，我被打了这个错误

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

如果有人可以指出正确的方向，那太好了。

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

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

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

启用 JSON 查看器时，Firefox 中有一个 bug，至少从 86 版开始，一直到至少 89 版，其中 Content-Type: application/json 标头制定了比其他标头更严格的 CSP内容类型。要解决此问题，请执行以下任一操作：

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

Answer 2

也许与在https端口上运行http有关。尝试使用其他端口或将其转换为https。

如何解决“内容安全政策：该页面的设置阻止了http：// localhost：8080 / favicon.ico（“ default-src”）处资源的加载。”

2 个答案: