Comment obtenir les en-têtes de réponse à partir d'une requête ajax

Question

Je souhaite récupérer les en-têtes de réponse envoyés par le serveur. Mais je reçois un objet vide. Je peux voir les en-têtes de réponse dans les outils de développement de chrome, mais je ne peux pas les obtenir de javascript.

(je me sers isomorphe-fetch lib pour les requêtes XHR.)

 fetch("http://my.cors.url/postsomedata", { 
      method: 'POST', 
      headers: { 
       Accept: 'application/json', 
       'Content-Type': 'application/json', 
      }, 
      body: JSON.stringify(myjsobject), 
     }) 
     .then(response => response.headers) 
     .then((headers) => { 
      console.log(headers); // empty object 
     }) 

Ce n'est pas de doublon How to get Response headers in AJAX Je ne suis pas en utilisant jQuery.

Answer 1

Le problème résidait dans la configuration CORS du serveur principal. J'utilise botte de printemps, donc pour faire passer en-têtes personnalisés en réponse XHR i besoin de configurer l'application de démarrage de printemps manière suivante

@Bean 
public WebMvcConfigurer corsConfigurer() { 
    return new WebMvcConfigurerAdapter() { 
     @Override 
     public void addCorsMappings(CorsRegistry registry) { 
      registry.addMapping("/**").allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS") 
        .exposedHeaders("MyHeader"); 
     } 
    }; 
}