从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虚拟设备？

Localhost将成为：10.0.2.2 因此，在您的情况下，您必须使用：'http://10.0.2.2:3000'

请告诉我这是否适合您。

好的，只是为了澄清那些使用相同问题得到这个答案的人：

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

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