微信小程序与axios组成网络层封装过程详解

import axios, { AxiosRequestConfig } from 'axios';
import mpAdapter from 'axios-miniprogram-adapter'
import { globalConfig } from '../config';
// base_url
const baseURL = globalConfig.BASE_URL;
// @ts-ignore
// 适配器
axios.defaults.adapter = mpAdapter
// axios初始化实例
const axiosIns = axios.create({
  baseURL,
  timeout: 10000,
});
// request 请求拦截器,处理逻辑
axiosIns.interceptors.request.use(
  async (axiosConfig) => {
    const config = axiosConfig as any;
    config.headers = {
        contentType: 'application/json;charset=UTF-8',
      };
    return config;
  },
  (error) => {
    return Promise.reject(error);
  },
);
//  response拦截器
axiosIns.interceptors.response.use(
  (response) => {
    const responData = response.data;
    const { rtnFlag } = responData;
    // 判断业务是否成功
    if (rtnFlag !== '9999') {
      // 失败
      return Promise.reject(responData);
    }
    // 成功
    return Promise.resolve(responData);
  },
  (err) => {
    return Promise.reject(err);
  },
);
export default axiosIns

import axios, { AxiosRequestConfig } from 'axios';
import settle from 'axios/lib/core/settle';
import buildURL from 'axios/lib/helpers/buildURL';
// 自定义适配器适配uniapp语法
axios.defaults.adapter = function (config: any) {
  return new Promise((resolve, reject) => {
    uni.request({
      ...config,
      method: config.method.toUpperCase(),
      header:config.headers,
      url: config.baseURL + buildURL(config.url, config.params, config.paramsSerializer),
      complete: (response: any) => {
        response = {
          ...response,
          config,
        };
        settle(resolve, reject, response);
      },
    });
  });
};