axios数据请求的封装

数据请求封装

import axios from 'axios'

const request = ({
url,
method = 'get' || 'GET',//数据请求默认是get
headers,
params,
data,//post请求的数据参数
withCredentials,//跨源凭证，想后端证明我们是有资格来进行后端接口请求
}) => {
return new Promise(( resolve,reject ) => {
switch ( method ) {
case 'get' || 'GET':
axios.get( url,{
headers,
params,
withCredentials
}).then( res => resolve( res ))
.catch( err => console.log( err ))
break;
case 'post' || 'POST':
//创建实例
let postData = new URLSearchParams();
//遍历data(是一个对象),转换数据格式
for ( var v in data ) {
postData.append( v,data[ v ] )//实例下面有一个append方法
}
axios({
url,
data:postData,
headers
}).then( res => resolve ( res ))
.catch( err => console.loog( err ))
break;
case 'put' || 'PUT':
axios( {
url,
data,
headers,
}).then( res => resolve( res ))
.catch( err => console.log( err ))
break;
case 'delete' || 'DELETE':
axios({
url,
data,
headers,
}).then( res => resolve( res ))
.catch( err => console.log( err ))
break;
}
})
}

export default request

• 点赞
• 收藏
• 分享
• 文章举报