对XMLHttpRequest的访问已被CORS阻止

Question

我在Ubuntu上使用Vapor作为后端，使用Next.js作为前端，并希望通过以下方式访问数据库：

let cq = {
text: "My question",
}; 
axios({
method: "post",
url: `http://localhost:8080/createQuestion`,
data: cq,
headers: {
"Content-Type": "application/json",
"Access-Control-Allow-Origin": "http://localhost:3000",
},
}).catch((err) => console.error(err));

我得到的回复是：访问位于"的XMLHttpRequesthttp://localhost:8080/createQuestion'来自原点'http://localhost:3000'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在"access control Allow Origin"标头。

怎么可能

"Access-Control-Allow-Origin": "http://localhost:3000"

存在于代码中，并且我得到了以前的错误消息。我甚至尝试过"；Access Control Allow Origin"："&"；，但这无济于事。

Answer 1

您已经将CORS头添加到JavaScript中，它应该添加到Vapor应用程序中，并在Vapor的响应中返回。有关添加CORS中间件的信息，请参阅Vapor文档