Question

我正在尝试从ASP.NET Web API应用程序生成的本地API中获取数据。通过Postman程序测试时，此本地API可以正常工作，但不适用于我的react native项目。我搜索了此错误，发现我应该用我的机器IPv4地址替换“ localhost”，虽然这样做，但是仍然遇到相同的错误。我在装有Android 7.0 NRD90M版本的手机上使用Expo运行项目这是我的代码：-

import React, { Component } from 'react';
import { StyleSheet, Text, View, Image} from 'react-native';
import { Icon, Button, Container, Header, Content, Left} from 'native-base';
const EXAMPLE_ENDPOINT = "http://192.168.1.5:57975/api/values/5";
class TestAPI extends Component {
  constructor(props) {
     super(props)
     this.state = {
        value: null
     }
  }
  componentDidMount() {
     this._fetchExampleAsync();
  }
 _fetchExampleAsync = async () => {
    try {
          let response = await fetch(EXAMPLE_ENDPOINT);
          let result = await response.json();
          this.setState({value});
        } catch(e) {
        this.setState({value: e});
     }
  };
  render() {
      console.log("Value: ", this.state.value);
      return (
         <Container>
           <Content contentContainerStyle={{
              flex: 1,
              alignItems: 'center',
              justifyContent: 'center',
            }}>
             <Text>Test fetch API</Text>
             <Text>values: {JSON.stringify(this.state.value)}</Text>
           </Content>
         </Container>
      );
   }
 }
 export default TestAPI;

Answer 1

我遇到了同样的问题，并使用以下类型进行了修复：'multipart / form-data'：

var media = {uri: photo.uri ,type: 'multipart/form-data', name: filename, };

反应原生Expo TypeError：网络请求失败

1 个答案: