axios 的二次封裝及使用

// 將axios再次封裝
import axios from 'axios';  // npm i -S axios

import Qs from 'qs'  // npm i -S qs

// 提示組件   mint-ui 中的提示組件

axios.defaults.withCredentials = true;  // false 不跨域  true 跨域
axios.defaults.headers.common["token"] = localStorage.getItem('token');  // 這是設置請求頭  不是必須的

export default function(path, params, method = "GET", headerType = "json") {
    let baseURL = "/api";
    let data = {};   // 將參數解析出來進行放置的地方
    // 設置請求頭
    if(method == "post") {
        if(headerType == "json") {
            axios.defaults.headers.post["Content-Type"] = 
                "application/json;charset=utf-8";
            data = params;   
        } else if(headerType == "multipart") {
            axios.defaults.headers.post["Content-Type"] = 
                "multipart/form-data";
        } else {
            axios.defaults.headers.post["Content-Type"] = 
                "application/x-www-form-urlencoded";
            data = Qs.stringify(params);
        }
    }
    if(method == "get") {
        if(headerType == !"json") {
            axios.defaults.headers["Content-Type"] = 
                "application/x-www-form-urlencoded;charset=utf-8";
        }
        data = Qs.stringify(params);
        path = path + "?" + data;
        data = {};
    }
    return new Promise( (resolve, reject) => {
        axios({
            baseURL,
            method,
            url: path,
            data,
            timeout: 6000
        })
        .then( res => {
            resolve(res.data.result);
        })
        .catch( err => {
            reject(err);
        })
    })
}