Axios:在 GET/POST 请求中设置标头

这篇快速直接的文章向您展示了如何在使用Axios发送 GET 和 POST 请求时设置标头。事不宜迟(比如谈论 Axios 是什么或闲聊它的历史),让我们开始吧。

在 GET 请求中设置标头

当调用axios.get() 方法执行 GET 请求时,我们在第二个参数(第一个参数是 URL)中传递我们的自定义headers对象,如下所示:

const res = await axios.get(
    'https://non-existing-api.kindacode.com/products',
    {
      headers: {
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin': '*',
        Authorization: 'Bearer YOUR_AUTH_TOKEN',
      },
    }
);

console.log(res.data);

选择:

const res = await axios('http://localhost:3000/api/v1/users', {
    method: 'GET',
    headers: {
      'Content-Type': 'application/json',
    },
});

console.log(res.data);

在 POST 请求中设置标头

要发送带有自定义标头的 POST 请求,您可以调用axios.post() 方法,如下所示:

const res = await axios.post(
    'https://www.kindacode.com/fake-api/endpoint',
    {
      // request body data
      message: 'Hello KindaCode.com',
    },
    {
      headers: {
        'Content-Type': 'application/json',
        Authorization: 'Bearer 123456',
      },
    }
);

第一个参数是您的 API URL,第二个参数是您要发布的数据,第三个参数是选项对象。在第三个参数中设置标题。

选择:

const res = axios('https://www.kindacode.com/fake-api/endpoint', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      Authorization: 'Bearer 1234567890',
    }, 
    // request body
    data: {
      message: 'Hello World',
    },
});
免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » Axios:在 GET/POST 请求中设置标头