Axios Request Config Headers

Posted on  by admin
HTTP is a protocol that web apps use to fetch data from the internet.

Everything on your browser is transmitted over HTTP using requests. Headers are a vital part of these requests. HTTP headers allow clients and servers to talk to each other and pass extra bits of information or instructions.

Request headers include additional information sent by the client to the server.

They usually contain instructions about the required data and information about the client.


Axios is a data fetching package that lets you send HTTP requests using a promise-based HTTP client.

Let's see how we can use it to add request headers to an HTTP request. To use axios, you need to install it first in your project.

Here is the command you would need to run in your terminal:.


It provides you with thousands of APIs that you can use in your application. Learn more about how to use RapidAPI Hub.

Here is a request that fetches quotes from the API using axios. Now, there are multiple ways to set request headers.

The most common way is to use the headers property of the axios object like this:.

You can also add these headers using a config object for a cleaner code.

Your application may have multiple API requests, and you may want to set request headers for all of them.