axios

作者: 唯轩_443e | 来源:发表于2017-12-27 13:59 被阅读0次

    安装

    cnpm install axios
    

    配置

    import axios from 'axios'
    import qs from 'qs'
    
    axios.defaults.timeout = 5000;  //响应时间
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';  //配置请求头
    axios.defaults.baseURL = '你的接口地址';   //配置接口地址
    
    //POST传参序列化(添加请求拦截器)
    axios.interceptors.request.use((config) => {
        //在发送请求之前做某件事
        if(config.method  === 'post'){
            config.data = qs.stringify(config.data);
        }
        return config;
    },(error) =>{
         _.toast("错误的传参", 'fail');
        return Promise.reject(error);
    });
    //返回状态判断(添加响应拦截器)
    axios.interceptors.response.use((res) =>{
        //对响应数据做些事
        if(!res.data.success){
            // _.toast(res.data.msg);
            return Promise.reject(res);
        }
        return res;
    }, (error) => {
        _.toast("网络异常", 'fail');
        return Promise.reject(error);
    });
    //返回一个Promise(发送post请求)
    export function fetch(url, params) {
        return new Promise((resolve, reject) => {
            axios.post(url, params)
                .then(response => {
                    resolve(response.data);
                }, err => {
                    reject(err);
                })
                .catch((error) => {
                   reject(error)
                })
        })
    }
    

    相关文章

      网友评论

          本文标题:axios

          本文链接:https://www.haomeiwen.com/subject/tskugxtx.html