How to send JWT header token and client data in POST request using axios

Orish Baidhya :

I want to send a JWT token to express server with axios POST method.

What I have tried is:

let data = data
let head = {header: { Token: localStorage.getItem("token") }}
axios
  .post("http://localhost:3003/api/v/helllo", data, head)

  .then((result) => {
    console.table(result);
  })
  .catch((err) => {
    console.error(err);
  });

falinsky :

Usually, when working with JWT - Authorization header is used. Also pay attention that instead of header - headers field should be used:

let head = {
 headers: {
   Authorization: 'Bearer ' + localStorage.getItem("token")
 }
};

Beware, that storing tokens in local storage is not secure.

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=410776&siteId=1

How to send JWT header token and client data in POST request using axios

Send a request using the post axios, JSON data to the type of form

Using POST to request data returns "no client information in request header", error code 401

How to send asynchronous request using Axios?

How does curl send a POST request, how to customize the Header

Project axios request to send post data type when stepped on Form Data data pit (set up after the request has not been successful header information sent in the past but not the type) Solution

Store the Token in the request header and send the interface request

axios send post form request

How does axios send a post request to pass query type parameters

When using axios in Vue to send a post request, it may happen that the backend cannot receive the parameters.

axios GET and POST data request

axios send multiple data with post (add module)

PHP uses curl to send post requests and return request header information

Android: okhttp sends the request and adds the token to the header (post+get)

[Vue] axios post into submitting a request form data

Axios uses the data format of the post request

Vue's axios post request and headers token method

Send data in Request body using HttpURLConnection

Why is the Token manually added to the header of the request, usually using the "Authorization" field?

Axios send request

axios send request

axios adds request header

axios request intercepts the request header object and adds the Authorization field for token verification

Axios uses delete request to send data parameter passing example.

How to make Post Request using ReactJS

How to send http get post request in Java in 5 minutes

How to send post request with x-www-form-urlencoded body

How to send push request from server to client in springboot?

Apply the requests library in python to simulate the postman request to carry the token, and use the get and post methods to request the header to carry the token

axios header dynamically add token