axios封装

import axios from 'axios'

class HttpRequest{
    constructor(){
        this.baseURL = process.enV.NODE_ENV === 'production'? '/' : 'http://localhost:8001'
        this.timeout = 3000
        // loading需要加
        this.queue = {}// 专门用于维护请求队列的
    }
    
    setInterceptor(instance,url){
        if(Object.keys(this.queue).length == 0){
            // 开loading
        }
        let token = localStorage.getItem('token')
        if(token){
            // 每次请求都会携带一个权限访问服务器
            config.headers.authorization = token
        }
        // 可以记录请求的取消函数
        let CancelToken = axios.CancelToken
        // xhr.abort()终端请求方法
        config.cancelToken = new CancelToken(c=>{
            store.commit(Types.SET_TOKEN,c)
        })
        this.queue[url] = true
        return config
    }
    
    request(options){// 通过requirest方法来进行请求操作
        // 每次请求可以创建一个新的实例，如果业务不复杂你可以不创建实例，直接使用axios
        let instance = axios.create()
        let config = {
            baseURL: this.baseURL,
            timeout: this.timeout,
            ...options
        }
        this.setInterceptor(instance,config.url)
        return instance(config) // 产生的是一个promise axios
    }
    
    get(url,data = {}){// url,{} axios.get('/xxx',{params:xxx})
        return this.request({
            url,
            method:'get',
            ...data
        })
        
    }
    
    post(url,data = {}){// axios.post('/xxx',{params:xxx})
        return this.request({
            url,
            method:'get',
            data
        })
        
    }
}

export default new HttpRequest