傻瓜式入門，簡單粗暴說用法

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

總結

以上是生活随笔為你收集整理的axios （get post请求、头部参数添加）傻瓜式入门axios的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。