Làm cách nào để lấy mã trạng thái từ lỗi http trong Axios?

Điều này có vẻ ngu ngốc, nhưng tôi đang cố lấy dữ liệu lỗi khi yêu cầu không thành công trong Axios.

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

Thay vì chuỗi, có thể lấy một đối tượng có lẽ có mã trạng thái và nội dung không? Ví dụ:

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

Những gì bạn thấy là chuỗi được trả về bởi toStringphương thức của errorđối tượng. ( errorkhông phải là một chuỗi.)

Nếu một phản hồi đã được nhận từ máy chủ, errorđối tượng sẽ chứa thuộc responsetính:

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

Như @Nick đã nói, kết quả bạn thấy khi bạn console.loglà một Errorđối tượng JavaScript phụ thuộc vào việc triển khai chính xác console.log, điều này thay đổi và (imo) làm cho việc kiểm tra lỗi cực kỳ khó chịu.

Nếu bạn muốn xem toàn bộ Errorđối tượng và tất cả thông tin mà nó mang theo bỏ qua toString()phương thức, bạn chỉ có thể sử dụng JSON.opesify :

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

Tôi đang sử dụng thiết bị chặn này để nhận được phản hồi lỗi.

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

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

Với TypeScript, thật dễ dàng để tìm thấy những gì bạn muốn với đúng loại.

import { AxiosResponse, AxiosError } from 'axios'

axios.get('foo.com')
  .then(response: AxiosResponse => {
    // Handle response
  })
  .catch((reason: AxiosError) => {
    if (reason.response!.status === 400) {
      // Handle 400
    } else {
      // Handle else
    }
    console.log(reason.message)
  })

Bạn có thể sử dụng toán tử trải ( ...) để buộc nó vào một đối tượng mới như thế này:

axios.get('foo.com')
    .then((response) => {})
    .catch((error) => {
        console.log({...error}) 
})

Lưu ý: đây không phải là trường hợp Lỗi.

Đây là một lỗi đã biết, hãy thử sử dụng "axios": "0.13.1"

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

Tôi đã có cùng một vấn đề vì vậy tôi đã kết thúc việc sử dụng "axios": "0.12.0". Việc này ổn với tôi.

Có một tùy chọn mới được gọi validateStatustrong yêu cầu cấu hình. Bạn có thể sử dụng nó để chỉ định để không ném ngoại lệ nếu trạng thái <100 hoặc trạng thái> 300 (hành vi mặc định). Thí dụ:

const {status} = axios.get('foo.com', {validateStatus: () => true})

Bạn có thể đặt lỗi vào một đối tượng và ghi nhật ký đối tượng, như thế này:

axios.get('foo.com')
    .then((response) => {})
    .catch((error) => {
        console.log({error}) // this will log an empty object with an error property
    });

Hy vọng điều này sẽ giúp ai đó ngoài kia.

Để nhận được mã trạng thái http được trả về từ máy chủ, bạn có thể thêm validateStatus: status => truevào các tùy chọn axios:

axios({
    method: 'POST',
    url: 'http://localhost:3001/users/login',
    data: { username, password },
    validateStatus: () => true
}).then(res => {
    console.log(res.status);
});

Bằng cách này, mọi phản hồi http sẽ giải quyết lời hứa được trả về từ các axios.

https://github.com/axios/axios#handling-errors