无法使用 react-native 进行 API 调用

Question

我有一个本地运行的虚拟机，它是使用 Vagrant 构建的。我可以直接从浏览器卷曲并转到 URL。出于某种原因，当我使用 fetch API 在我的 react-native 应用程序中进行相同的调用时，它一直给我 Network request failed 错误。

这是一个sn-p的代码：

fetchData() {

  this.setState({ isLoading: true });

  var baseURL = 'https://192.168.33.33/api/session';

  console.log('URL: >>> ' + baseURL);

  fetch(baseURL)
  .then((response) => response.json())
  .then((responseData) => {
    console.log(responseData);
  })
  .catch(error => {
    console.log(error);
  })
  .done();
}

那里的baseURL 日志返回正确的 URL，错误如下所示：

URL: >>> http://192.168.33.33/api/session
TypeError: Network request failed {stack: (...), message: "Network request failed"}
  message: "Network request failed"
  stack: (...)
  get stack: function () { [native code] }
  set stack: function () { [native code] }
  __proto__: Error

我认为这可能是我的虚拟机无法通过我的应用程序以某种方式访问​​的问题，所以我继续将它部署到一个真实的服务器上，但它仍然给出了同样的错误。

有什么想法吗？

Answer 1

发现问题并解决。

该问题是由于 API 服务器中有自签名证书而没有自创建 CA。

我可以尝试创建自己的 CA，然后从中创建证书，但我继续进行并获得了便宜的真正 SSL 证书。这样就解决了问题。

Answer 2

我认为您可能面临same origin policy 约束。

有many 的解决方法。