daikan-international/src/utils/request.ts

/*
 * @Author: Rindy
 * @Date: 2021-04-25 15:58:21
 * @LastEditors: Rindy
 * @LastEditTime: 2021-05-08 15:49:54
 * @Description: 注释
 */
// @ts-nocheck
import axios from 'axios';
import browser from './browser';

// TextDecoder polyfills for lower browser
if (undefined === window.TextEncoder) {
  window.TextEncoder = class _TextEncoder {
    encode(s) {
      return unescape(encodeURIComponent(s))
        .split('')
        .map(function (val) {
          return val.charCodeAt();
        });
    }
  };
  window.TextDecoder = class _TextDecoder {
    decode(code_arr) {
      return decodeURIComponent(escape(String.fromCharCode.apply(null, code_arr)));
    }
  };
}

const fetch = axios.create();

fetch.interceptors.request.use(
  (config) => {
    const token = browser.getURLParam('token');
    if (token) {
      config.headers['token'] = token;
    } else {
      config.headers['token'] = 123;
    }

    return config;
  },
  (error) => {
    return Promise.reject(error);
  },
);
fetch.interceptors.response.use(
  (response) => {
    // 正常的文件流
    if (!/json/gi.test(response.headers['content-type'])) {
      return response.data;
    }

    // 以文件流方式请求但是返回json，需要解析为JSON对象
    if (response.request.responseType === 'arraybuffer') {
      const enc = new TextDecoder('utf-8');
      const res = JSON.parse(enc.decode(new Uint8Array(response.data)));
      return res;
    }

    return response.data;
  },
  (error) => {
    console.error(error);
  },
);

const http = {
  retry(func, retries = 0, delay = 1000) {
    return new Promise((resolve, reject) => {
      func()
        .then(resolve)
        .catch((error) => {
          if (retries <= 1) {
            reject(error);
          } else {
            setTimeout(() => {
              http
                .retry(func, retries - 1, delay)
                .then(resolve)
                .catch(reject);
            }, delay);
          }
        });
    });
  },
  get(url, data) {
    return fetch({
      method: 'get',
      url: url,
      params: data,
    });
  },
  getImage(url, retries = 3) {
    return http.retry(
      () =>
        new Promise((resolve, reject) => {
          const img = new Image();
          img.src = url;
          img.crossOrigin = 'anonymous';
          img.onload = function () {
            resolve(img);
          };
          img.onerror = function () {
            reject(`[${url}] load fail`);
          };
        }),
      retries,
    );
  },
  getBueffer(url) {
    return fetch.get(url, {
      responseType: 'arraybuffer',
    });
  },
  getBlob(url) {
    return fetch.get(url, {
      responseType: 'blob',
    });
  },
  post(url, data) {
    return fetch.post(url, data);
  },
  postFile(url, data) {
    const form = new FormData();
    let cb = null;
    if (data.onUploadProgress) {
      cb = data.onUploadProgress;
      delete data.onUploadProgress;
    }
    for (const key in data) {
      // if (key === 'files' && data[key].length > 0) {
      //     for (let i = 0; i < data[key].length; i++) {
      //         form.append(key, data[key][i])
      //     }
      // } else {
      //     form.append(key, data[key])
      // }
      form.append(key, data[key]);
    }

    return fetch.post(url, form, {
      headers: {
        'Content-Type': 'multipart/form-data',
      },
      onUploadProgress: cb,
    });
  },
};

export { http, fetch };