javascript - React Native 使用代理获取本地服务器

Question

在我的 React Native 应用程序中，我尝试对本地后端服务器执行 fetch 。在我的 package.json 中，我放置了 "proxy": "http://localhost:3000"。

我的获取看起来像:

fetch('/')
  .then(response => response.json())
  .then(json => console.log(json))
  .catch(err => console.log)

它捕获了一个错误

[TypeError: Network request failed]

<小时/>

当我删除代理并在提取中手动输入地址时，它会起作用，并且我的服务器会收到 GET 请求。

fetch('http://localhost:3000')
  .then(response => response.json())
  .then(json => console.log(json))
  .catch(err => console.log)

Answer 1

这里有两点:

• 在package.json中设置代理为a feature of create-react-app ，其中包含 webpack dev server's proxy 。 react-native 使用 Metro 而不是 Webpack 作为 bundler ，并且不支持设置本地代理。

• 与 Web 不同，react-native 中的 http 客户端没有当前的主机。因此，如果您使用 fetch('/')，它将不知道要向哪个域或 IP 地址发送请求。