const result = {
    status: 200, // 接口的http 狀態(tài)
    statusText: 'ok',
    config: 'config', // 傳入的config配置，原樣返回即可，方便在響應(yīng)攔截器和響應(yīng)結(jié)果中使用
    data: {}, // 真實(shí)的接口返回結(jié)果
};

module.exports = function enhanceError(error, config, code, request, response) {
    error.config = config;
    if (code) {
        error.code = code;
    }

    error.request = request;
    error.response = response;
    error.isAxiosError = true;

    error.toJSON = function toJSON() {
        return {
            // Standard
            message: this.message,
            name: this.name,
            // Microsoft
            description: this.description,
            number: this.number,
            // Mozilla
            fileName: this.fileName,
            lineNumber: this.lineNumber,
            columnNumber: this.columnNumber,
            stack: this.stack,
            // Axios
            config: this.config,
            code: this.code,
        };
    };
    return error;
};

import axios from 'axios';
import buildURL from 'axios/lib/helpers/buildURL';
import isURLSameOrigin from 'axios/lib/helpers/isURLSameOrigin';
import btoa from 'axios/lib/helpers/btoa';
import cookies from 'axios/lib/helpers/cookies';
import settle from 'axios/lib/core/settle';
import createError from 'axios/lib/core/createError';

// 若config中已經(jīng)配置了cancelToken
if (config.cancelToken) {
    // Handle cancellation
    // 若在外城執(zhí)行了取消請(qǐng)求的方法，則這里將當(dāng)前的請(qǐng)求取消掉
    config.cancelToken.promise.then(function onCanceled(cancel) {
        if (!request) {
            return;
        }

        // xhr中使用abort方法取消當(dāng)前請(qǐng)求
        request.abort();
        reject(cancel);
        // Clean up request
        request = null;
    });
}

// 這里的config是axios里所有的配置
const jsonpAdapter = (config) => {
    return new Promise((resolve, reject) => {
        // 是否已取消當(dāng)前操作
        // 因jsonp沒(méi)有主動(dòng)取消請(qǐng)求的方式
        // 這里使用 isAbort 來(lái)標(biāo)識(shí)
        let isAbort = false;

        // 定時(shí)器標(biāo)識(shí)符
        let timer = null;

        // 執(zhí)行方法的名字，
        const callbackName = `jsonp${Date.now()}_${Math.random()
            .toString()
            .slice(2)}`;

        // 這里假設(shè)已經(jīng)實(shí)現(xiàn)了baseURL和url的拼接方法
        const fullPath = buildFullPath(config.baseURL, config.url);

        // 這里假設(shè)已經(jīng)實(shí)現(xiàn)了url和參數(shù)的拼接方法
        // 不太一樣的地方在于，jsonp需要額外插入一個(gè)自己的回調(diào)方法
        const url = buildURL(
            fullPath,
            {
                ...config.params,
                ...{ [config.jsonpCallback || 'callback']: callbackName },
            },
            config.paramsSerializer
        );

        // 創(chuàng)建一個(gè)script標(biāo)簽
        let script = document.createElement('script');

        // 成功執(zhí)行操作后
        function remove() {
            if (script) {
                script.onload = script.onerror = null;

                // 移除script標(biāo)簽
                if (script.parentNode) {
                    script.parentNode.removeChild(script);
                }
                // 取消定時(shí)器
                if (timer) {
                    clearTimeout(timer);
                }

                script = null;
            }
        }

        // 成功請(qǐng)求后
        window[callbackName] = (data) => {
            // 若已需要請(qǐng)求，則不再執(zhí)行
            if (isAbort) {
                return;
            }

            // 返回的格式
            const response = {
                status: 200,
                statusText: 'ok',
                config,
                request: script,
                data: data,
            };
            remove();
            // 實(shí)際上這里上一個(gè)settle操作，會(huì)額外判斷是否是合理的status狀態(tài)
            // 若我們?cè)赾onfig.validateStatus中設(shè)置404是合理的，也會(huì)進(jìn)入到resolve狀態(tài)
            // 但我們這里就不實(shí)現(xiàn)這個(gè)了
            // settle(resolve, reject, response);
            resolve(response);
        };

        // 請(qǐng)求失敗
        script.onerror = function (error) {
            remove();

            reject(createError('Network Error', config, 404));
        };

        // 若設(shè)置了超時(shí)時(shí)間
        if (config.timeout) {
            timer = setTimeout(function () {
                remove();
                // 取消當(dāng)前操作
                isAbort = true;
                reject(
                    createError(
                        'timeout of ' + config.timeout + 'ms exceeded',
                        config,
                        405
                    )
                );
            }, config.timeout);
        }

        // 若定義了取消操作
        if (config.cancelToken) {
            config.cancelToken.promise.then(function () {
                if (!script) {
                    return;
                }
                remove();
                isAbort = true;

                reject(createError('Cancel Error', config, 404));
            });
        }

        script.src = url;
        const target =
            document.getElementsByTagName('script')[0] || document.head;
        target.parentNode && target.parentNode.insertBefore(script, target);
    });
};

export default jsonpAdapter;

import Axios from 'axios';
import jsonpAdapter from './jsonpAdater';

const request = Axios.create({
    adapter: (config) => {
        if (config?.params?.format === 'jsonp') {
            return jsonpAdapter(config);
        }

        // 這里需要將config.adapter設(shè)置為空
        // 否則會(huì)造成無(wú)限循環(huán)
        return defaultAxios({ ...config, ...{ adapter: undefined } });
    },
});

// 使用自定義的適配器jsonp發(fā)起請(qǐng)求
var options = {
    params: {
        format: 'jsonp',
    },
};
request(
    'https://api.prize.qq.com/v1/newsapp/answer/share/oneQ?qID=506336',
    options
)
    .then(function (response) {
        console.log('jsonp response', response);
    })
    .catch(function (error) {
        console.error('jsonp error', error);
    });

// 使用axios默認(rèn)的適配器發(fā)起請(qǐng)求
request('https://api.prize.qq.com/v1/newsapp/answer/share/oneQ?qID=506336')
    .then(function (response) {
        console.log('axios response', response);
    })
    .catch(function (error) {
        console.error('axios error', error);
    });