How to send an authorization header with Axios

In this tutorial, we will learn how to send the authorization header to an API using Axios.

What is Authorization Header?

Authorization header is used to authenticate the user agent with a server.

When we login into a website or app, the server will send a Jwt token or some type of token which is used to send in Authorization header, to make a request for the protected routes.

Sending authorization header

To send an authorization header, we need to add a Authorization property with a token value to the headers object.

Here is an example, that sends the authorization header to HTTP GET request.

axios.get('https://myapi.com/products',{
    headers:{
        'Authorization': "your-token"    }
})

If you have the Bearer token, you can send it like this.

axios.get('https://myapi.com/products',{
    headers:{
        'Authorization': `Bearer ${token}`    }
})