通过Expo向本地主机发送HTTP请求

npm install -g expo-cli
expo init MyApp
cd MyApp
expo start

npm install axios

expo start

import React, {useState, useEffect} from 'react';
import {View, Text, Button} from 'react-native';

// 如果使用Axios，请取消下一行的注释
// import axios from 'axios';

export default function App() {
  const [data, setData] = useState(null);

  const fetchData = async () => {
    // 替换 YOUR_LOCAL_IP_ADDRESS 为你在步骤4中找到的本地IP地址
    // 并替换 YOUR_PORT_NUMBER 为你的本地服务器监听的端口号
    const url = `http://YOUR_LOCAL_IP_ADDRESS:YOUR_PORT_NUMBER`;

    try {
      const response = await fetch(url);
      // 如果使用Axios，请使用下面的代码代替上面的代码
      // const response = await axios.get(url);
      const result = await response.json();
      setData(result);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  };

  return (
    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
      <Button title="Fetch Data" onPress={fetchData} />
      {data && <Text>{JSON.stringify(data, null, 2)}</Text>}
    </View>
  );
}