反应本机获取数据

Question

我在获取数据时遇到问题。 我的朋友创建了 Rest Api。 有我的乐趣：

const AnyCors = `https://cors-anywhere.herokuapp.com/`;
const urlAllBus = `http://207.185.72.111:15430/stops?size=15`;
    fetchBusStop = () => {
  return new Promise((resolve, rejects) => {
    fetch(AnyCors+urlAllBus)
      .then((result) => {
        if (!result.ok) throw result.json();
        return result.json();
      })
      .then((result) => {
        console.log(result);
        resolve(result);
      })
      .catch((error) =>
        error.then((body) => {
          console.log('Bad', body);
          rejects(body);
        }),
      );
  });
};

我用 react-native 创建了一个应用程序。 当我只使用 urlAllBus 时，我的虚拟机工作正常。 问题出在物理机上。 当我尝试在 chrome 中使用 urlAllbus 时，我遇到了 CORS 问题，所以我使用了 AnyCors+urlAllBus，一切正常。 但是在虚拟机和物理机中，解决方案不起作用。 我不知道我应该做什么

Answer 1

您朋友的 API 应该通过在其响应中添加Access-Control-Allow-Origin: *标头以允许任何网站访问它来接受 CORS。 他们还可以通过将标头设置为此类站点的基本 URL 来限制对特定站点的Access-Control-Allow-Origin: http://example.com ，例如Access-Control-Allow-Origin: http://example.com 。

如果 API 是基于 express 的，我强烈推荐使用cors包来完成这项工作，因为它是单行更改。

否则，告诉他们阅读此 MDN 页面以了解有关 CORS 的更多信息：)