Wie kann ich den Statuscode von einem HTTP-Fehler in Axios bekommen?

Question

Das mag dumm klingen, aber ich versuche, die Fehlerdaten zu erhalten, wenn eine Anfrage in Axios fehlschlägt.

axios.get('foo.com') 
    .then((response) => {}) 
    .catch((error) => { 
     console.log(error) //Logs a string: Error: Request failed with status code 404 
    }) 

Anstelle der Zeichenfolge, ist es möglich, ein Objekt mit vielleicht dem Statuscode und Inhalt zu bekommen? Zum Beispiel:

Object = {status: 404, reason: 'Not found', body: '404 Not found'} 

Answer 1

Was Sie sehen, ist die Zeichenfolge durch die toString Methode des error Objekt zurückgegeben. (. error ist keinen String)

Wenn eine Antwort vom Server empfangen wurde, das error Objekt enthält die response Eigenschaft:

axios.get('/foo') 
    .catch(function (error) { 
    if (error.response) { 
     console.log(error.response.data); 
     console.log(error.response.status); 
     console.log(error.response.headers); 
    } 
    }); 

Answer 2

Dies ist ein bekannter Fehler, versuchen Sie "axios": "0.13.1"

https://github.com/mzabriskie/axios/issues/378

Ich hatte das gleiche Problem zu verwenden, so landete ich mit "axios": "0.12.0" auf. Es funktioniert gut für mich.

Answer 3

ich diesen Abfangjäger bin mit der Fehlerreaktion zu erhalten.

const HttpClient = axios.create({ 
    baseURL: env.baseUrl, 
}); 

HttpClient.interceptors.response.use((response) => { 
    return response; 
}, (error) => { 
    return Promise.resolve({ error }); 
}); 

Answer 4

Wie @ Nick sagte, sehen die Ergebnisse, die Sie, wenn Sie console.log ein JavaScript-Objekt Error über die genaue Umsetzung von console.log abhängen, die und (imo) variiert macht Fehler unglaublich ärgerlich zu überprüfen.

Wenn Sie das vollständige Error Objekt sehen möchten und alle Informationen, die sie toString() Methode trägt Umgehung, könnten Sie einfach JSON.stringify verwenden:

axios.get('/foo') 
    .catch(function (error) { 
    console.log(JSON.stringify(error)) 
    });