Comment gérer 401 (Erreur d'Authentification) dans axios et réagir?
J'ai un fichier request.js qui contient de l'enveloppe pour axios requête ajax. Je suis l'appel de fonction de requête à partir de plusieurs réagir composants et quand l'un de la requête échoue, je veux actualiser le token et recommencer toutes les demandes ayant échoué à nouveau. Je peux utiliser intercepters, mais je ne sais pas comment la mettre en œuvre. S'il vous plaît aider.
request.js
var client = axios.create({
baseURL: 'http://192.168.1.3:3000',
headers: {
appID: 8,
version: "1.1.0",
empID: localStorage.getItem('empID'),
token: localStorage.getItem('accessToken')
}
});
const request = function(options) {
const onSuccess = function(response) {
console.debug('Request Successful!', response);
return response.data;
}
const onError = function(error) {
console.error('Request Failed:', error.config);
if (error.response) {
console.error('Status:', error.response.status);
console.error('Data:', error.response.data);
console.error('Headers:', error.response.headers);
} else {
console.error('Error Message:', error.message);
}
return Promise.reject(error.response || error.message);
}
return client(options)
.then(onSuccess)
.catch(onError);
options
}
export default request;
OriginalL'auteur Amir Saleem | 2017-11-10
Vous devez vous connecter pour publier un commentaire.
Si vous souhaitez utiliser des intercepteurs à la poignée d'erreur 401 ici est extrait de code.
OriginalL'auteur Pram
Je l'ai eu à travailler avec le code suivant
OriginalL'auteur Amir Saleem