web-dev-qa-db-fra.com

Les en-têtes ne s'affichent pas dans la réponse de récupération

Je peux voir l'en-tête "x-auth-token" dans Chrome DevTools. enter image description here

Cependant, l'en-tête n'apparaît pas dans ma réponse de récupération. Veuillez aider afin que je puisse utiliser les données d'en-tête.

J'utilise NodeJS comme API backend et ReactJS comme frontal. Ce sont mes fichiers.

Intergiciel NodeJS - cors.js

module.exports = function enableCorsSupport(app) {
  app.use(function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE");
    res.header("Access-Control-Allow-Headers", "Content-Type, x-auth-token");
    res.header("Access-Control-Expose-Headers", "x-auth-token");
    next();
  })
}

Route NodeJS - users.js

router.post('/login', async (req, res) => {

  // NOTE: code left out so post would be smaller

  const token = user.generateAuthToken();
  res.header('x-auth-token', token).send(_.pick(user, ['_id', 'firstName', 'email', 'isAdmin']));
})

ReactJS - ma demande de récupération

fetch('http://localhost:4000/api/users/login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      email: this.props.email,
      password: this.props.password
    })
  })
  .then(res => {
    console.log('res.headers', res.headers)
    return res.json()
  })
  .then(data => {
    console.log(data);
  })
  .catch((err) => {
    console.log(err)
  })
}

Ceci est dans ma Chrome de console.log dans ma demande de récupération réussie. Les en-têtes sont vides dans la réponse de l'en-tête. Veuillez en informer. Pour info, ce sont les données de test de l'utilisateur. enter image description here

javascriptnode.jsfetch
7
user4851649

Avec Node.js, j'ai trouvé cette solution en utilisant exposésHeaders:

const cors = require('cors');
const express = require('express');

// ..........

var app = express();
app.use(cors({
  exposedHeaders: ['x-auth-token'],
}));

Et pour lire, c'est ok:

x_auth_token = res.headers.get('x-auth-token');
2
Paolo Arena