axios源码简读

├── adapters│   ├── README.md│   ├── http.js               #node环境http对象│   └── xhr.js                #web环境http对象├── axios.js                  #入口├── cancel│   ├── Cancel.js             #取消的构造对象类│   ├── CancelToken.js        #取消操作的包装类│   └── isCancel.js           #工具类├── core│   ├── Axios.js              #Axios实例对象│   ├── InterceptorManager.js #拦截器控制器│   ├── README.md│   ├── buildFullPath.js      #拼接请求的url、baseURL│   ├── createError.js        #创建异常信息类工具│   ├── dispatchRequest.js    #默认的拦截器（分发完全请求的拦截器）│   ├── enhanceError.js       #异常信息类实体│   ├── mergeConfig.js        #合并配置文件（用户设置的和默认的）│   ├── settle.js             #根据http-code值来resolve/reject状态│   └── transformData.js      #转换请求或相应的数据的工具类├── defaults.js               #默认配置类├── helpers/                  #一些辅助方法└── utils.js                  #通用的工具类

function createInstance(defaultConfig) {  // 创建一个Axios实例，这里理解成包装了请求方法的一个对象  var context = new Axios(defaultConfig);
  // 为request方法bind上Axios，一个包装的wrap方法：  // 可以简单理解成创建了一个对象。之所以这样创建为了方便能   // axios('https://m.zz.cn/a')这样用  var instance = bind(Axios.prototype.request, context);
  // 把 Axios.prototype 上的方法拓展到instance上  utils.extend(instance, Axios.prototype, context);
  // 把context中的defaults、interceptors拓展到instance实例中  utils.extend(instance, context);
  return instance;}

axios  .get(URL, {    params: {      zz: 'fe'    }  })  .then(successFun, failureFun)  .catch(erorFun);

Axios.prototype.request = function request(config) {  ...  // 合并配置参数  config = mergeConfig(this.defaults, config);
  // 如果没指定请求方式，默认get  if (config.method) {    config.method = config.method.toLowerCase();  } else if (this.defaults.method) {    config.method = this.defaults.method.toLowerCase();  } else {    config.method = 'get';  }  // Hook up interceptors middleware  // ★★★ 这一块是axios的核心部分 ★★★   // 其做的事情是：通过Promise把整个请求、拦截器处理封装到一条链上，按顺序调用  // 这其中就包括最重要的一环：实际请求发送者：dispatchRequest  var chain = [dispatchRequest, undefined];  var promise = Promise.resolve(config);
   // 添加用户拦截器到链上：请求前的  this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {    chain.unshift(interceptor.fulfilled, interceptor.rejected);  });  // 添加用户拦截器到链上：请求前的  this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {    chain.push(interceptor.fulfilled, interceptor.rejected);  });  // 通过promise.then产生关联  while (chain.length) {    promise = promise.then(chain.shift(), chain.shift());  }    return promise;};

function getDefaultAdapter() {  var adapter;  if (typeof XMLHttpRequest !== 'undefined') {    // For browsers use XHR adapter    adapter = require('./adapters/xhr');  } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {    // For node use HTTP adapter    adapter = require('./adapters/http');  }  return adapter;}