axios （get post请求、头部参数添加）傻瓜式入门axios

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

通过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);
});