javascript - 为什么我无法在控制台中显示 api 的内容(出现 401 错误)？

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);
      });