vue拦截器错误处理

Vue.js 的拦截器是用于全局处理请求的一种机制，它可以在发送请求之前、请求过程中以及请求失败之后执行自定义操作。在 Vue-axios 或者 Axios 中，你可以设置以下几个拦截器来进行错误处理：

1. **发送前拦截器**（`request interceptors`）：在这个阶段可以添加请求头、修改数据等，例如身份验证信息。

import axios from 'axios';
axios.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config;
}, error => {
  // 对请求错误做些处理，然后返回 Promise.reject(error)
  return Promise.reject(error);
});

2. **响应拦截器**（`response interceptors`）：这个阶段主要用于处理服务器返回的数据，如错误状态码、解析响应内容等。

axios.interceptors.response.use(response => {
  // 请求成功，处理响应数据
  return response.data;
}, error => {
  // 请求出错，处理错误情况
  if (error.response) {
    // HTTP状态码表示的错误
    const errorCode = error.response.status;
    const errorMessage = error.response.data.message || 'Error occurred';
    console.error(errorMessage); // 或者你想做的其他错误处理
  } else {
    // 其他非HTTP错误，如网络中断等情况
    console.error('Something went wrong', error.message);
  }
  return Promise.reject(error);
});

在遇到错误时，通常的做法是显示友好的错误提示给用户，或者记录日志供开发者诊断。