vue请求接口捕获的异常弹窗报错如何修改默认异常

对于 Vue 请求接口捕获的异常弹窗报错，可以通过自定义 axios 的错误处理函数来修改默认异常处理方式。

具体的做法是，在 main.js 中引入 axios 并设置错误处理函数：

import axios from 'axios'

axios.interceptors.response.use(response => {
  return response
}, error => {
  const response = error.response
  if (response) {
    // 根据后端返回的状态码做相应处理
    switch (response.status) {
      case 401:
        // 未授权，跳转到登录页面
        break
      case 500:
        // 服务器内部错误，提示用户稍后重试
        break
      default:
        // 其他错误，提示用户错误信息
        break
    }
  } else {
    // 网络错误，提示用户网络异常
  }
  return Promise.reject(error)
})

Vue.prototype.$http = axios

在错误处理函数中，根据后端返回的状态码做相应处理。比如，如果返回的状态码为 401，说明用户未授权，可以跳转到登录页面；如果返回的状态码为 500，说明服务器内部错误，可以提示用户稍后重试；如果返回的状态码为其他值，可以提示用户错误信息。

如果没有返回状态码，说明是网络错误，可以提示用户网络异常。