React本机读取api不适用于localhost，IP，甚至10.0.2.2

Question

我在Android设备上使用expo客户端，并在localhost:8000上安装了django服务器，我正在尝试使用fetch-in-react-native访问和终结点。我已经了解了如何从Android设备访问本地主机？如何在Android emulator中连接localhost？以及如何连接到我的http://localhost来自Eclipse中Android Emulator的web服务器，但这不起作用。

我也尝试使用我的机器的ip地址，而不是localhost，但没有结果。这是一个示例代码

componentDidMount(){
    return fetch('http://my-ip-address:8000/restapi/')
      .then((response) => {
        console.log("success")
        response = response.json()
      }).catch(error => {
        console.error(error)
      })
  }

我到底做错了什么？

Answer 1

根据你的密码，

• 你的django端口：： 8080
• 你的读取的目标端口：： 8000

再查一遍。我建议在测试服务器API时使用PostMan。

Answer 2

除了csum的答案，请检查防火墙是否允许远程访问您的android设备（设备IP为远程）的django服务器。如果您安装了任何反病毒软件并控制防火墙，请确保其防火墙中有规则。

Answer 3

这可能是django配置的问题。尤其是当手机的网络浏览器无法获得预期的响应时。

从Django文档：

Note that the default IP address, 127.0.0.1, is not accessible from other machines
on your network. To make your development server viewable to other machines on the
network, use its own IP address (e.g. 192.168.2.1) or 0.0.0.0 or :: (with IPv6 enabled).

了解如何从外部世界访问本地Django Web服务器，尽管答案也适用于本地网络：

python管理。py runserver 0.0.0.0:8000

如果您知道机器的地址，可以将其替换为0.0.0。

同样值得注意的是，在响应处理程序中，response。json（）返回promise，而不是json。相反，您希望：

fetch('http://my-ip-address:8000/restapi/')
  .then(response => response.json())
  .then(responseJson => {
    console.log("success");
    console.log(responseJson);
  })
  .catch(error => {
    console.error(error);
  })