by Sai gowtham

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}`    }
})

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
45,614 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
130,921 students enrolled
21 hours of video content
View Course