时间戳

首页 > 解决方案 > 如何使用 axios 设置标题

reactjs - 如何使用 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>
    );
  }
}

问题是什么 ？谢谢

标签： reactjsapiaxios

解决方案

你可以在 axios 中设置 headers 如下：

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

推荐阅读