vue 封裝axios請求

import vue from "vue";
import axios from "axios";

const service = axios.create({
  timeout: 5000 // request timeout
});

// request interceptor
service.interceptors.request.use(
  config => {
    // 請求體數據添加 基礎訪問url
    if (config) {
      config = {
        ...config,
        baseURL: vue.prototype.appConfig.SERVER_ADDRESS　　//寫在config.json 配置文件里面的后端ip端口號地址
      };
      // 請求體數據添加 Token
      if (config.data && !(config.data instanceof FormData)) {
        const formData = new FormData()
        if (!config.data.sessionId) {
        //   config.data.sessionId = getToken()
        }
        formData.append("requestJson", JSON.stringify({ ...config.data }))
        // config.data = formData   
        config.data = "requestJson="+JSON.stringify(config.data)    //針對后端 @FormParam(value = "requestJson") 格式接收參數
                                                                    //如果是@requestBody 則 config.data = config.data   或者不需要多余的步驟
      } else if (config.data instanceof FormData) {
        const formData = new FormData()
        if (!config.data.has("sessionId")) {
        //   config.data.append("sessionId", getToken())
        }
        formData.append("requestJson", JSON.stringify({ ...config.data }))
        config.data = formData
      } else {
        const formData = new FormData()
        if (config.data) {
          if (!config.data.sessionId) {
            // config.data.sessionId = getToken()
          }
        } else {
        //   config.data = { sessionId: getToken() }
        }
        formData.append("requestJson", JSON.stringify({ ...config.data }))
        config.data = formData
      }
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// response interceptor
//接口返回
service.interceptors.response.use(

  response => {
    const res = response.data;
    // if the custom code is not 20000, it is judged as an error.
    if (res.code !== 20000 && response.status !== 200) {
    //   Message({
    //     message: res.message || "Error",
    //     type: "error",
    //     duration: 5 * 1000
    //   });

      // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
      if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
        // to re-login
        // MessageBox.confirm(
        //   "You have been logged out, you can cancel to stay on this page, or log in again",
        //   "Confirm logout",
        //   {
        //     confirmButtonText: "Re-Login",
        //     cancelButtonText: "Cancel",
        //     type: "warning"
        //   }
        // ).then(() => {
        //   store.dispatch("user/resetToken").then(() => {
        //     location.reload();
        //   });
        // });
      }
      return Promise.reject(new Error(res.message || "Error"));
    } else {
      return res;
    }
  },
  error => {
    return Promise.reject(error);
  }
);

export default service;