端口 3000 用于 Express，端口 8081 用于 React Native，如何发出 GET 请求

Question

我正在使用 React Native 作为我想部署到 iOS 和 Android 的头像构建器。我正在为我的服务器使用 Express，它使用 localhost：3000，反应本机使用 localhost：8081。

import axios from 'axios';
import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';
import { Container, List, ListItem, Header, Title, Content, Thumbnail } from 'native-base';
import { Action } from 'react-native-router-flux';
export default class Class extends Component {
  componentWillMount(){
    axios.get('https://localhost:3000')
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });
}
render() {
    return (
      <Container>
        <Header><Title>Choose Race</Title></Header>
        <Content> contents here <Content>);}}

我在反应本机调试器中收到以下错误

Error: Network Error
    at createError (createError.js:15)
    at XMLHttpRequest.handleError (xhr.js:87)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:542)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:378)
    at XMLHttpRequest.js:482
    at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
    at MessageQueue.__callFunction (MessageQueue.js:236)
    at MessageQueue.js:108
    at guard (MessageQueue.js:46)

Answer 1

在安卓模拟器中，localhost指的是安卓系统。您可以使用10.0.2.2来引用它。例如 http://10.0.2.2:3000(如何在 Eclipse 中从 Android 模拟器连接到我的 http://localhost Web 服务器(

不过，在iOS模拟器中，localhost确实指的是主机： 如何从iPhone模拟器访问主机本身

在本地测试时，您可能需要执行一些特定于平台的逻辑，例如：

import { Platform } from 'react-native';
const host = Platform.select({
    ios: 'localhost',
    android: '10.0.2.2',
});
// ...
    axios.get(`http://${host}:3000/`)
    // ...