在vue项目中的main.js中直接使用element-ui中的Message 消息提示、MessageBox 弹框、Notification 通知

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

需求来源：向后台请求数据时后台挂掉了，后台响应就出现错误，不做处理界面就卡住了，这时需要在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'
});
//Notification 通知
ElementUI.Notification({
title: '警告',
message: '这是一条警告的提示消息',
type: 'warning'
});
//MessageBox 弹框
ElementUI.MessageBox({
title: '标题名称',
message: '这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案这是提示文案'
});
return Promise.reject(error);
});