需求来源:向后台请求数据时后台挂掉了,后台响应就出现错误,不做处理界面就卡住了,这时需要在main.js中使用axios的响应拦截器在出现相应错误是给出提示。项目使用element-ui,就调用里面的Message 消息提示、MessageBox 弹框、Notification 通知三种方式中的一种。
import Vue from 'vue'; import ElementUI from 'element-ui'; // 添加响应拦截器 axios.interceptors.response.use(function (response) { // 对响应数据做点什么 // console.log('对响应数据做点什么') return response; }, function (error) { // 对响应错误做点什么 console.log(ElementUI) //Message 消息提示 ElementUI.Message({ message: '恭喜你,这是一条成功消息', type: 'success'