Vue.js + Element UI:一般如何处理HTTP请求错误？

import axios from 'axios';

const instance = axios.create({
  baseURL: 'http://api.example.com', // 设置请求的基础URL
  timeout: 5000 // 设置请求超时时间
});

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在发送请求之前做一些处理，如添加请求头等
    return config;
  },
  error => {
    // 处理请求错误
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 对响应数据进行处理，如解析数据等
    return response;
  },
  error => {
    // 处理响应错误
    return Promise.reject(error);
  }
);

export default instance;

import axios from '@/utils/axios';

axios.get('/api/data')
  .then(response => {
    // 处理成功响应
    console.log(response.data);
  })
  .catch(error => {
    // 处理请求错误
    console.error(error);
  });

import { Message } from 'element-ui';

axios.get('/api/data')
  .then(response => {
    // 处理成功响应
    console.log(response.data);
  })
  .catch(error => {
    // 处理请求错误
    Message.error(error.message);
  });