vue使用axios拦截器和main.js使用element提示框

背景:

后台项目用到axios拦截器。当token过期等直接跳出当前页面。


// 响应拦截处理
axios.interceptors.response.use(res => {
  switch (res.data.code) {
      case -1:
          ElementUI.Message({
              message: res.data.message,
              type: 'error'
          });
          return Promise.reject(res.data.message);
          break;
      // 返回-2,清除用户信息并跳转到登录页面
      case -2:
          ElementUI.Message({
              message: res.data.message,
              type: 'error'
          });
          router.replace({
              path: '/'
          })
          break;
  }
  return res;
});

 在main.js使用提示框

 在main.js里面不能使用return this.$message.error(“提示”)

ElementUI.Message({
            message: "这是一条提示",
            type: 'error'
 });

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章