Comment peut-on définir global des en-têtes dans axios?

Salut, je suis le réglage par défaut de l'axios en-têtes de demande d'intercepteur mais ces en-têtes ne sont pas accessibles dans une autre fonction... dans axios axios documentation il est mentionné que le mondial-axios-valeurs par défaut sont à l'échelle mondiale...ci-dessous est mon exemple de code besoin d'aide

axios.interceptors.request.use(function (config) {
  axios.defaults.headers.accesstoken= "some_access_token"
  axios.defaults.headers.client = "some_client"
  axios.defaults.headers.uid = "some_uid"
  return config;
},function (error) {
  return Promise.reject(error);
});

Au chargement de la page componentDidmount s'exécute mais axios en-têtes par défaut ne sont pas définis dans cette fonction

componentDidMount: function() {
  console.log(axios.defaults.headers) #its giving me undefined
  axios.get("http://some_url_for_get_request.json", {
    headers: {
      accesstoken: axios.defaults.headers.accesstoken,
       uid: axios.defaults.headers.uid,
       client: axios.defaults.headers.client
    }
  })
}

OriginalL'auteur code.king | 2016-12-15

  1. 17

    Vous pouvez définir la valeur par défaut en-Têtes Personnalisés en Axios pour chaque XHR appeler comme ceci:

    axios.defaults.headers.common = {
  "X-Requested-With": "XMLHttpRequest",
  "X-CSRFToken": "example-of-custom-header"
};

    Vous pouvez également ajouter des configurations de correspondance comme ceci:

      window.axios.defaults.headers.post['xsrfCookieName'] = 'CSRFToken';
  window.axios.defaults.headers.post['xsrfHeaderName'] = 'X-CSRFToken';
  window.axios.defaults.headers.post['responseType'] = 'json';
  window.axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

    Aussi, vous pouvez créer une configuration passée dans une instance.

    OriginalL'auteur JREAM