如何使用axios设置标题

时间:2019-01-22 11:30:36

标签: reactjs api axios

我试图从我发现的api足球中获取信息。 在邮递员上,它运作良好,但我无法使用axios正确设置标题。

这是我的代码:

class App extends React.Component {
  constructor(props) {
    super(props);
  }

  getTest = (e) => {
    e.preventDefault();
    let headers = {
      'Content-Type': 'application/json',
      'Access-Control-Allow-Origin': '*',
      'X-Auth-Token': '97e0d315477f435489cf04904c9d0e6co',
    };

    axios.get("https://api.football-data.org/v2/teams/90/matches?status=SCHEDULED", {headers})
      .then(res => {
        console.log("DATA")
      })
      .catch(res => {
        console.log("ERR", res);
      });
  }

    render() {
    return (
      <div>
        <button onClick={this.getTest}>info</button>
      </div>
    );
  }
}

出什么问题了? 谢谢

1 个答案:

答案 0 :(得分:2)

您可以按照以下方式在axios中设置标题:

const headers = {
  'Content-Type': 'application/json',
  'X-Auth-Token': '97e0d315477f435489cf04904c9d0e6co',
};
axios.get(url, {headers})