axios响应拦截不能获得错误信息

实现axios响应拦截不能获得错误信息的解决方法

操作流程

journey
    title 请求拦截与响应拦截过程
    section 请求拦截
        开始
        API请求发送
        请求拦截器
    section 响应拦截
        响应拦截器
        结束

具体步骤及代码示例

步骤1：安装axios

首先确保安装了axios，如果没有安装可以通过npm安装：

npm install axios

步骤2：创建axios实例

在项目中创建axios实例，并设置响应拦截器：

// 创建axios实例
const instance = axios.create({
  baseURL: '
});

// 响应拦截器
instance.interceptors.response.use(function (response) {
  return response.data;
}, function (error) {
  return Promise.reject(error.response.data);
});

步骤3：发起请求

使用创建的axios实例发起请求：

instance.get('/user/123')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.error(error);
  });

类图示例

classDiagram
    class Axios {
      <<Axios>>
      + create(config)
      + get(url, config)
      + post(url, data, config)
      + put(url, data, config)
      + delete(url, config)
    }
    class Interceptors {
      <<Interceptors>>
      + request
      + response
    }
    class AxiosInstance {
      <<AxiosInstance>>
      - defaults
      - interceptors
      + get
      + post
      + put
      + delete
    }

    Axios <|-- AxiosInstance
    AxiosInstance *-- Interceptors

通过以上步骤和代码示例，你可以成功实现axios响应拦截并获取错误信息。希望对你有所帮助！如果有任何疑问，可以随时向我提问。祝你编程顺利！