无法从React应用程序中获取API

Question

我已经在谷歌云功能中构建了API。当我试图直接获取API时，会出现CORS错误。虽然我添加了access-control-allog-origin，但失败了。

来自“http://localhost:3000”的“https://xxxxxxxx.com”已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上没有“access-control-allog-origin”标头。如果一个不透明的响应满足您的需要，请将请求的模式设置为“no-cors”，以便在禁用CORS的情况下获取资源。

const apiURL = 'https://xxxxxxx.com'

const headers = new Headers();
headers.set("Content-type", "application/json");
headers.set("Access-Control-Allow-Origin", "*");

const createRes = await fetch(
  `${apiURL}/testFetch`,
  {
    method: "POST",
    headers: headers,
    body: JSON.stringify({
      test: "test"
    }),
  }
);

Answer 1

Access-Control-Allog-Origin是一个响应头。它应该是你回应的一部分，而不是请求的一部分。请确保您的API返回相应的标头。

https://developer.mozilla.org/en-美国/docs/web/http/headers/access-control-allog-orgin