对 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));

我收到了这样的回复： CORS 策略已阻止从来源 'http://localhost:3000' 访问位于 'http://localhost:8080/createQuestion' 的 XMLHttpRequest：对预检请求的响应未通过访问控制检查：没有 'Access-Control-Allow-Origin' header 出现在请求的资源。

怎么会这样

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

出现在代码中，我收到了之前的错误消息。我什至尝试了“Access-Control-Allow-Origin”：“*”，但没有帮助。

Answer 1

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

对 XMLHttpRequest 的访问已被 CORS 阻止

Access to XMLHttpRequest has been blocked by CORS

ubuntu

vapor

next.js