傻瓜式入门,简单粗暴说用法

通过cdn引入js文件

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

get请求,默认’Content-Type’: ‘application/json’,可在头部参数中,修改Content-Type

axios.get('请求地址',{
    params: {  //body参数
        id:1, //如:key:id value:1;
        name:'joe'  //key2:name value:'joe'
    },
    headers:{ //头部参数
        token:self.vistorToken
    }
})
.then(function (response) { //请求成功,response接收返回参数
    console.log(response);
 })
.catch(function (error) { //请求失败,error接收失败原因
    console.log(error);
})

post请求

‘Content-Type’: ‘application/json’

axios.post('请求地址',
    {  //body参数
        cityCode:0,
        City:fCity,
        channelNo:'motuWebsite',
        predictPrice:self.DPredictPrice,
        phone:self.tele
	},  
	{        
        headers: {  //头部参数
        'Content-Type': 'application/json',
        token:sessionStorage.getItem('token')
		}
    }								
)
.then(function (response) { //请求成功
    console.log(response);
})
 .catch(function (error) { //请求失败
    console.log(error);
});

‘Content-Type’: ‘multipart/form-data’

//构造body参数
let params = new FormData()
params.append('Travel', self.Travel)
params.append('City', fCity)
params.append('Discount', 1)
axios.post('请求地址',params,
    {
        headers: {  //头部参数
            'Content-Type': 'multipart/form-data'
        }
    })
.then(function (response) {  //请求成功
    console.log(response);
})
.catch(function (error) {  //请求失败
    console.log(error);
});
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐