获取呼叫在邮递员中工作，但不在本地主机中工作：3000

Question

我可以使用Postman从FruityVice获取这个API。但当我在本地运行时，我遇到了CORS问题。

我一直在引用尝试的解决方案，并注意解决方案2，试图清除错误，但没有运气。

const fetchFruitInformation = async() => {

  const response = await fetch("https://www.fruityvice.com/api/fruit/all");
  if (!response.ok) {
    throw new Error(response.statusText);
  }

  return response.json();
};

误差

CORS策略阻止从来源“http：//localhost:3000”在“https://www.fruityvice.com/api/fruit/all”获取：请求的资源上没有“access-control-allog-origin”标头。如果一个不透明的响应满足您的需要，请将请求的模式设置为“no-cors”，以便在禁用CORS的情况下获取资源。

因此，我添加{mode:'no-cors'}和{mode:'cors}

const fetchFruitInformation = async() => {

  const response = await fetch("https://www.fruityvice.com/api/fruit/all", {
    mode: 'no-cors'
  });

  if (!response.ok) {
    throw new Error(response.statusText);
  }

  return response.json();
};

引发错误的

apicalls.js:7 fetchFruitInformation（apicalls.js:7)处的未捕获（promise中）错误

Answer 1

https://www.fruityvice.com/api/不在请求响应中发送access-control-allog-origin:*标头，因此浏览器会抱怨CORS问题，而邮递员不会。一个解决方案是将所有相关请求代理到后端的https://www.fruityvice.com/api。