从 Axios 源码分析如何支持 fetch 方法的

// 指定所有环境均只使用 fetch 方法
axios({
  url: "https://www.xiabingbao.com",
  adapter: "fetch",
});

// 调整使用适配器的优先级，在当前环境中，按照数组顺序，优先支持哪种方法，就使用哪种
axios({
  url: "https://www.xiabingbao.com",
  adapter: ["fetch", "xhr", "http"],
});

const request = Axios.create({
  adapter: (config) => {
    if (config?.params?.format === "jsonp") {
      return new Promise((resolve, reject) => {
        console.log(config);

        // 这里要 resolve() 什么数据，可以查看上面自定义适配器的文章
        resolve();
      });
    }

    // 这里需要将config.adapter设置为空
    // 否则会造成无限循环
    return Axios({ ...config, ...{ adapter: undefined } });
  },
});

// https://github.com/axios/axios/blob/76dc3e68362c3881c75f032851a0f18cb04ffa7c/lib/adapters/xhr.js#L12

// 判断是否支持 xhr 适配器
const isXHRAdapterSupported = typeof XMLHttpRequest !== "undefined";

// 判断是否支持 fetch 适配器
const isFetchSupported = typeof fetch === "function" && typeof Request === "function" && typeof Response === "function";

// 判断是否支持 http 适配器
const isHttpAdapterSupported = typeof process !== "undefined" && utils.kindOf(process) === "process";

// https://github.com/axios/axios/blob/76dc3e68362c3881c75f032851a0f18cb04ffa7c/lib/adapters/adapters.js#L28
const knownAdapters = {
  http: httpAdapter,
  xhr: xhrAdapter,
  fetch: fetchAdapter,
};

export default {
  getAdapter: (adapters) => {
    /**
     * 循环遍历传入的适配器标识，若调用者不设置，则是Axios默认的：
     * ["xhr", "http", "fetch"]
     */
    adapters = utils.isArray(adapters) ? adapters : [adapters];

    const { length } = adapters;
    let nameOrAdapter;
    let adapter;

    const rejectedReasons = {};

    for (let i = 0; i < length; i++) {
      nameOrAdapter = adapters[i];
      let id;

      adapter = nameOrAdapter;

      /**
       * 若适配器标识既不是方法，也不为空，则判断是否是内置的适配器；
       * 若 adapter 是方法，则不进入判定，直接使用；即若我们自定义了适配器，
       * Axios 就不会再寻找当前要使用的内置适配器。
       */
      if (!isResolvedHandle(nameOrAdapter)) {
        // 通过字符串，去查找对应的适配器，比如若是xhr，则查找 xhrAdapter 等
        adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];

        /**
         * 若传入的不是 ["xhr", "http", "fetch"] 这几种里的，
         * 则找不到内置的适配器，抛出异常
         */
        if (adapter === undefined) {
          throw new AxiosError(`Unknown adapter '${id}'`);
        }
      }

      /**
       * 若传入的是自定义适配器，或按优先顺序找到了内置适配器，并且当前环境也
       * 支持该适配器，则停止查找；
       * （若当前环境不支持找到的适配器，则adapter为false，会继续查找的）
       */
      if (adapter) {
        break;
      }

      rejectedReasons[id || "#" + i] = adapter;
    }

    // 若传入的adapter为null或者false，或者当前环境不支持所有内置的适配器，则抛出异常
    if (!adapter) {
      // 暂时省略提示错误的代码
    }

    return adapter;
  },
  adapters: knownAdapters,
};