axios基本用法

• github地址

GET传递参数

    axios.get(url,{
        params: {
            uname: 'lisi'
        }
    }).then(function(ret){
        console.log(ret.data)
    })

DELETE传递参数

    axios.get(url,{
        params: {
            uname: 'lisi'
        }
    }).then(function(ret){
        console.log(ret.data)
    })

POST传递参数

//传递参数默认json格式
    axios.post(url,{
        uname: 'lisi',
        pwd: '123456'
    }).then(function(ret){
        console.log(ret.data)
    })

//传递application/www-form-urlencoded
    const params = new URLSearchParams();
    params.append('uname','lisi')
    axios.post(url,params).then(function(ret){
        console.log(ret.data)
    })

PUT传递参数

//传递参数默认json格式
    axios.put(url,{
        params: {
            uname: 'lisi',
            pwd: '123456'
        }
    }).then(function(ret){
        console.log(ret.data)
    })

//传递application/www-form-urlencoded
    const params = new URLSearchParams();
    params.append('uname','lisi')
    axios.put(url,params).then(function(ret){
        console.log(ret.data)
    })

axios全局配置

axios.defaults.timeout = 3000; //超时时间
axios.defaults.headers[‘mytoken] = 'hello'; //配置请求头信息
axios.defaults.baseURL = url; //默认地址,配置请求的基准地址
axios.get('login').then(function(ret){
    console.log(ret.data)
});

axios拦截器

• 请求拦截器

//在请求发出之前设置一些信息
//添加一个请求拦截器
axios.interceptors.request.use(function(config){
    console.log(config.url);
    config.headers.mytoken = 'hello';
    return config;
},function(err){
    console.log(err)
})

axios.get(url).then(function(ret){
    console.log(ret)
})

• 响应拦截器

//在获取数据之前对数据做一些加工处理
//添加一个请求拦截器
axios.interceptors.response.use(function(res){
    console.log(res);
    var data = res.data;
    return data;
},function(err){
    console.log(err)
})

axios.get(url).then(function(ret){
    console.log(ret)
})