在 React-Native 中从本地 Json 服务器获取数据

Question

我的本地Json服务器数据是这样的：

我在服务器中使用它：

import axios from 'axios';
const Server = axios.create({
  baseURL: 'http://localhost:3000/office',
  timeout: 5000,
  headers: {'accept': 'application/json'}
});
export default Server;

但我无法获取它，我需要帮助从本地 json 服务器获取它。

export function fetchJobs(props) {
  return function(dispatch){
    dispatch({type: JobsTypes.FETCH_OFFICE});
    Server
    .get('/office')
    .then((response) => {
      dispatch({type: JobsTypes.FETCH_OFFICE_SUCCESSFUL,payload:response.data });
    })
    .catch((err) => {
      dispatch({type:JobsTypes.FETCH_OFFICE_FAILED,payload:err});
    });
  }
}

Answer 1

我假设您正在使用 Android 虚拟设备？

本地主机将是：10.0.2.2 所以在你的情况下你必须使用：'http://10.0.2.2:3000'

让我知道这是否适合你。

好吧，只是为了向其他任何以同样的问题得到这个答案的人澄清一下：

如果您在开发机器上使用 Android Virtual Device，那么您需要使用 http://10.0.2.2:<port> 才能与 http://localhost:<port>[= 上的开发服务器运行通信16=]

如果您使用的是物理设备，请确保它与您的开发机器位于同一网络中，并将 10.0.2.2 部分替换为您的开发机器 ip。

Answer 2

我认为您需要更改 URL：'http://localhost:3000'

在 React-Native 中从本地 Json 服务器获取数据

Fetch data from local Json server in React-Native

fetch

reactjs

react-native

json-server