ReactJS:对fetch的访问已被CORS策略阻止

Question

我的ReactJS项目中出现以下错误："CORS策略阻止了对获取的访问：请求的资源上不存在"access Control Allow Origin"标头如果不透明满足您的需求，请将请求模式设置为"无cors"，以在禁用cors的情况下获取资源">

这就是我向后端发送请求的方式：

export const sendRequest = async ( endpoint = '' ,
method = 'GET', body) => {
const response = await fetch(`${url}${endpoint}`, {
method,
headers: { "Content-Type": "application/json" },
body: JSON.stringify(body)
})
const data = await response.json();
return data;
}

我最初认为这是一个后端问题，但我检查了一下，发现后端CORS Access对相同的头和客户端都启用了。

我应该对上面的函数做什么修改？？

Answer 1

有一个名为cors的npm模块。您可以将其安装在后端。如果您使用的是ExpressJS，那么您可以使用cors作为使用app.use(cors())的中间件。在请求中设置了等效的标头后，它应该可以在中工作