通常在 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);
  }
);

//...
0
0 回復

發表評論

想要加入討論嗎?
請盡情發表您的想法!

發佈留言

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