Question

该代码应返回控制台中的相册对象列表，但不返回它，而是出现500个内部服务器错误。

import React, { Component } from 'react';
import { Text, View } from 'react-native';
import axios from 'axios';

class AlbumList extends Component {

  componentWillMount() {
      axios.get('https://rallycoding.herokuapp.com/api/music_albums')
        .then(function(response){
          console.log(response);
        })
  }

  render(){
    return(
      <View>
        <Text> Albums ! </Text>
      </View>
    );
  }
}

export default AlbumList;

Answer 1

如果API返回500，则表示服务器端错误。不在React原生或前端方面

Answer 2

我正在观看完全相同的课程，并且遇到了这个问题。如您所见，如果您已阅读完所有问题，则似乎React Native与axios存在一些兼容性问题。

这样做可以解决我的问题：

componentWillMount() {
    fetch("https://rallycoding.herokuapp.com/api/music_albums")
        .then(response => response.json())
        .then(data => console.log(data));
}

Answer 3

您可以尝试这个吗

axios({
    method: 'get',
    url: 'https://rallycoding.herokuapp.com/api/music_albums',
    }).then(response => {
      console.log(response.data);

    })
    .catch((error) => {
      console.log(error);
    });

react-native：axios获取500内部服务器错误

3 个答案: