How to make an axios request with JWT?

Question

Hello I'm trying to figure out how to use JWT and axios. I was wondering if you could explain me what's the point to add "bearer" and if I should use "Authorization" or "x-access-token" name please ?

Axios.get(`http://localhost:3001/posts`, {
      headers: { 'Authorization': `bearer ${token}` }
    }).then((response) => {
      console.log(response)
    });

score 0 · Accepted Answer · edited Oct 07 '21 at 11:21

If I need to explain JWT Token in pretty simple words then I'll say something like this:

Access tokens are used in token-based authentication to allow access to an API. Access tokens are received after users successfully authenticate and authorize themselves.

And about the Authorization Token:

To set the authorization header, call it like this:

headers: { 'Authorization': `bearer ${token}`

Now the bearer token basically refers to the token type which in this case is a bearer type, read more here

The abstract of the provided link is something like this:

This specification describes how to use bearer tokens in HTTP requests to access OAuth 2.0 protected resources. Any party in possession of a bearer token (a "bearer") can use it to get access to the associated resources (without demonstrating possession of a cryptographic key). To prevent misuse, bearer tokens need to be protected from disclosure in storage and in transport.

Now let's get to the Authorization vs x-access-token

Authorization:

The HTTP Authorization request header contains the credentials to authenticate a user agent with a server, usually, but not necessarily, after the server has responded with a 401 Unauthorized status and the WWW-Authenticate header.

How to make an axios request with JWT?

1 Answers1

Linked