import axios from "axios";
// import router from "../js/router";
// import {  Message } from "element-ui";
/**
 * @description 函數(shù)返回唯一的請求key **/
function getRequestKey(config) {
    let {
        method,
        url,
        params,
        data
    } = config;
    // axios中取消請求及阻止重復(fù)請求的方法
    // 參數(shù)相同時阻止重復(fù)請求：
    // return [method, url, JSON.stringify(params), JSON.stringify(data)].join("&");
    // 請求方法相同，參數(shù)不同時阻止重復(fù)請求
    return [method, url].join("&");
}

/**
 * @description 添加請求信息 **/
let pendingRequest = new Map();

function addPendingRequest(config) {
    // console.log(config.url)
    let requestKey = getRequestKey(config);
    config.cancelToken = config.cancelToken || new axios.CancelToken((cancel) => {
        if (!pendingRequest.has(requestKey)) {
            pendingRequest.set(requestKey, cancel);
        }
    });
}

/**
 * @description 取消重復(fù)請求 **/
function removePendingRequest(config) {
    let requestKey = getRequestKey(config);
    if (pendingRequest.has(requestKey)) {
        // 如果是重復(fù)的請求，則執(zhí)行對應(yīng)的cancel函數(shù)
        let cancel = pendingRequest.get(requestKey);
        cancel(requestKey);
        // 將前一次重復(fù)的請求移除
        pendingRequest.delete(requestKey);
    }
}

/**
 * @description 請求攔截器 **/
axios.interceptors.request.use(
    function (config) {
        // 檢查是否存在重復(fù)請求，若存在則取消已發(fā)的請求
        removePendingRequest(config);
        // 把當(dāng)前請求信息添加到pendingRequest對象中
        addPendingRequest(config);
        return config;
    },
    function (error) {
        return Promise.reject(error);
    }
);

/**
 * @description 響應(yīng)攔截器 **/
axios.interceptors.response.use(
    function (response) {
        // 對響應(yīng)數(shù)據(jù)做點什么
        removePendingRequest(response.config);
        // 該方法是項目中用到
        // if (response.data.message == "您沒有獲得授權(quán)") {
        //     Message({
        //         type: "warning",
        //         message: "您沒有獲得授權(quán),請重新登錄",
        //     });
        //     localStorage.removeItem('token');
        //     localStorage.removeItem('data');
        //     router.push({
        //         name: "login",
        //     });
        // }
        return response;
    },
    function (error) {
        // 從pendingRequest對象中移除請求
        removePendingRequest(error.config || {});
        if (axios.isCancel(error)) {
            console.log("被取消的重復(fù)請求：" + error.message);
        }
        return Promise.reject(error);
    }

);
export default axios

import Vue from "vue";
import axios from "./until/axios";
Vue.prototype.$axios = axios;