axios adapter(适配器) 自定义请求方法

graph LR

req-->reqContext

reqContext-->adapter

adapter-->dispath

dispath-->server

server-->dispath

dispath-->adapter

adapter-->res

// 默认配合
var defaults = {

  adapter: getDefaultAdapter()
    
  ....  
}
  
  
 // 分发函数
function getDefaultAdapter() {
  var adapter;
 
  if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {
    
    // node环境下使用 node.http
    adapter = require('./adapters/http');
    
  } else if (typeof XMLHttpRequest !== 'undefined') {
    
    // web 环境下使用 xhr 
    adapter = require('./adapters/xhr');
    
  }
  return adapter;
}

// mock数据路由，根据url 返回mock数据
const mockRouter = {...}

const http = Axios.create({
    
    adapter: config =>{
        
        // 判断是否存在mock数据
        let has = mockRouter.has(config.url)
        
        
        // 调用默认请求接口, 发送正常请求及返回
        if(!data){
        
            // 删除配置中的 adapter, 使用默认值
            delete config.adapter
            
            // 通过配置发起请求
            return Axios(config)
            
        }
        
        // 模拟服务，返回mock数据
        return new Promise((res, rej) =>{
            
            const resInfo = {
                data: mockRouter.getData(config)
                status: 200,
                statusText: 'OK'
            }
            
            // 调用响应函数
            res(resInfo)
             
        })
        
    }
    
})