How to set HTTP headers in Axios

In this tutorial, you will learn how you can

1. set HTTP headers in axios, and

2. set global headers to all HTTP requests in axios

Set HTTP Headers

You can pass a headers property to the Axios request config

For example,

const axios = require('axios').default;

// or
// import axios from 'axios';

axios({
    url: ‘/user’,
    method: 'post',
    Headers: {
    Authorization: `Bearer ${yourToken}`
    Content-Type: ‘application/json’
}).then((response)=>{
  console.log(response.data);
});

where the method property is set to HTTP POST method, and the headers property contains one request header and one representation header

Set Global Default Headers

If you want to set common headers to all HTTP requests, then you use Axios config defaults to set headers

axios.defaults.headers.common["Authorization"] = `Bearer ${token}`

Or you can set common headers to all POST requests as

axios.defaults.headers.post["Content-Type"] = 'application/json'

Related Solutions

• How to submit form data in post request using axios

• How to upload files in React using Axios

• How to handle an error in async await in JavaScript

• How to loop through an array of objects in React

• How to send a delete request in axios