React Native 无法在本地网络上获取请求

Question

我是新人，已经好几天没能解决问题了。本地网络（智能家居）上有一个设备，我可以使用 get 请求从浏览器打开和关闭它，不会出现任何问题 (http://192.168.0.100/Power?Power=1)。我正在为 Android 编写一个应用程序，在模拟器中的 React Native 中一切正常，但在真正的手机上安装该应用程序后，一切都不再起作用了。请帮我解决一下。

const test = () => {
    fetch('http://192.168.0.100/Power?Power=1', true)
  };
return (
     <TouchableOpacity
        onPress={() => test()}>
     </TouchableOpacity>
       )

Answer 1

答案：

有几个可能的原因可能导致您的 React Native 获取 HTTP 请求无法在真实手机上运行

1. 您的设备可能未连接到与智能家居设备相同的本地网络。
2. 您的手机可能没有访问智能家居设备所需的权限。
3. 您发出获取请求的方式可能有问题。

我认为你需要使用 Axios 发出获取请求，下面的代码可以帮助你

import axios from 'axios';

const test = () => {
  axios.get('http://192.168.0.100/Power?Power=1')
    .then(response => {
      // Success!
    })
    .catch(error => {
      // Error!
    });
};

return (
  <TouchableOpacity onPress={() => test()}>
    <Text>Turn on power</Text>
  </TouchableOpacity>
);

我认为你需要先检查更多

• 确保您的智能家居设备配置为允许远程访问。
• 如果您使用代理，请确保代理配置正确。

如果您仍然遇到问题，请提供有关您的设置以及您看到的错误消息的更多信息。