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'
 });

 

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