vue 给axios 响应拦截处理 对500错误进行提示

可以使用axios的响应拦截器来处理500错误，并进行提示。

1. 首先，在main.js中引入axios和Element UI库（或其他UI库）：

import axios from 'axios';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

Vue.prototype.$axios = axios;

2. 在axios中添加响应拦截器：

axios.interceptors.response.use(
  response => {
    // 对响应数据做处理
    return response;
  },
  error => {
    // 对响应错误做处理
    if (error.response.status === 500) {
      ElementUI.Message.error('服务器错误，请稍后再试');
    }
    return Promise.reject(error);
  }
);

这里使用了Element UI库中的Message组件来进行提示，你也可以使用其他UI库的组件。

3. 在组件中使用axios发送请求：

this.$axios.get('/api/user').then(response => {
  // 请求成功
}).catch(error => {
  // 请求失败
});

当服务器返回500错误时，就会在页面上弹出一个错误提示框。