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'')}
});