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 2021 (Beginner + Advanced)
JavaScript - The Complete Guide 2021 (Beginner + Advanced)
64,026 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 - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
152,857 students enrolled
48.5 hours of video content
View Course