Question

我想在控制台中显示此api的内容，但是它不起作用。

我在做什么错，我该如何解决？

我得到的错误：

Error: Request failed with status code 401

这是我的代码：

import React, { Component } from 'react';
import axios from 'axios';

class Flights extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        axios.get('https://jsonplaceholder.typicode.com/posts')
            .then(response => {
                console.log("API Call ====> " + response);
            }).catch(error => {
                console.log(error);
        })
    }

    render() {
        return(
            <div></div>
        );
    }
}

export default Flights;

Answer 1

您可以使用JSON.stringify()方法在打印之前将响应内容解析为字符串。

这是演示：https://codesandbox.io/s/m4nq5lrxxp

一种替代方法是直接打印它：

 axios
      .get("https://jsonplaceholder.typicode.com/posts")
      .then(response => {
        console.log(response.data);   // like this without string concatenation
      })
      .catch(error => {
        console.log(error);
      });

为什么我无法在控制台中显示api的内容（出现401错误）？

1 个答案: