javascript - how - jquery ajax bearer token

Cómo enviar un token con una solicitud AJAX desde jQuery

Question

Uso express-jwt y creo mi token a través de jQuery y lo guardo en mi localStorage con:

$.ajax({
  url: "http://localhost:8080/login",
  type: ''POST'',
  data: formData,
  error : function(err) {
    console.log(''Error!'', err)
  },
  success: function(data) {
    console.log(''Success!'')
    localStorage.setItem(''token'', data.id_token);
  }
});

Tengo una ruta protegida en mi backend como:

app.get(''/upload'',jwt({secret: config.secret}), function(req, res) {
  res.sendFile(path.join(__dirname + ''/upload.html''));
});

¿Cómo puedo enviar el token desde localStorage con el encabezado de solicitud?

Answer 1

Puede configurar los encabezados en una solicitud $.ajax :

$.ajax({
  url: "http://localhost:8080/login",
  type: ''GET'',
  // Fetch the stored token from localStorage and set in the header
  headers: {"Authorization": localStorage.getItem(''token'')}
});