Envoi du jeton porteur avec axios

dans mon application react j'utilise axios pour exécuter les requêtes de L'api REST.

Mais il est incapable d'envoyer le l'Autorisation en-tête avec la requête.

Voici mon code:

tokenPayload() {
  let config = {
    headers: {
      'Authorization': 'Bearer ' + validToken()
    }
  }
  Axios.post( 
      'http://localhost:8000/api/v1/get_token_payloads',
      config
    )
    .then( ( response ) => {
      console.log( response )
    } )
    .catch()
}

Ici validToken() la méthode retournerait simplement le jeton du stockage du navigateur.

toutes les requêtes ont une réponse d'erreur de 500 disant que

le jeton ne pouvait pas être dissocié du demande

depuis le back-end.

comment envoyer l'en-tête d'autorisation avec chaque requête? Recommanderiez-vous un autre module avec react?

16
demandé sur Ilyas karim 2016-12-06 08:09:45

5 réponses

   var config = {
        headers: {'Authorization': "bearer " + token}
   };

   var bodyParameters = {
       key: "value"
   }

  Axios.post( 
      'http://localhost:8000/api/v1/get_token_payloads',
      bodyParameters,
      config
  ).then((response) => {
      console.log(response)
  }).catch((error) => {
      console.log(error)
  });

le premier paramètre est L'URL.

Le second est le corps JSON qui sera envoyé avec votre demande.

Le troisième paramètre sont les en-têtes (entre autres choses). Qui est aussi JSON.

17
répondu Doctor 2018-06-18 07:09:18

le second paramètre de axios.postdata (pas de