vue 的axios interceptors error希望彈出element-ui 通知

通常在 vue 專案中,我們會把 axios 單獨出一隻檔案,在裡面會創建 axios 實例、實作 request 和 response 的攔截器…等等。

但麻煩的是,我們通常會有一些全域的錯誤,想要使用ui框架的通知組件;我原本的想法是把整個 app 引入到 axios 那隻檔案,然後用this.$message之類的東西去呼叫,卻一直失敗。

最後在網路上找到這個方法:

import axios from "axios";
import { Message } from "element-ui";

axios.interceptors.response.use(
  response => {
    response = { ...response };
    return response;
  },
  function(error) {
    Message({
      message: "不明錯誤",
      type: "error"
    });
    return Promise.reject(error);
  }
);

//...

學習程式原來可以這麼簡單:六角學院線上課程

初學者如何成為vue前端工程師:查看課程內容

---------------------------

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。