axios 封装

<div class="cnblogs_code">

来自：https://www.jianshu.com/p/68d81da4e1ad 侵删import axios from 'axios''qs'let baseurl = 'http://localhost:8081/api'

<span style="color: #0000ff">function<span style="color: #000000"> getRequest (apiPath,params,successCallback,errorCallback) {

let url = baseurl +<span style="color: #000000"> apiPath

let req =<span style="color: #000000"> axios.get(url,{

params: params,paramsSerializer: params =><span style="color: #000000"> {

<span style="color: #0000ff">return qs.stringify(params,{ indices: <span style="color: #0000ff">false<span style="color: #000000"> })

}})

thenResponse(req,errorCallback)

}

<span style="color: #0000ff">function<span style="color: #000000"> postRequest (apiPath,errorCallback) {

let url = baseurl +<span style="color: #000000"> apiPath

let req = axios.post(url,qs.stringify(params,{ indices: <span style="color: #0000ff">false<span style="color: #000000"> }))

thenResponse(req,errorCallback)

}

<span style="color: #0000ff">function<span style="color: #000000"> putRequest (apiPath,errorCallback) {

let url = baseurl +<span style="color: #000000"> apiPath

<span style="color: #008000">//<span style="color: #008000"> var params = new URLSearchParams()

<span style="color: #008000">//<span style="color: #008000"> params.append('status',0)

let req = axios.put(url,errorCallback)

}
<span style="color: #0000ff">function<span style="color: #000000"> deleteRequest (apiPath,errorCallback) {

let url = baseurl +<span style="color: #000000"> apiPath

let req = axios.<span style="color: #0000ff">delete<span style="color: #000000">(url,errorCallback)

}
<span style="color: #008000">/<span style="color: #008000">

请求结果处理
@param axiosRequest
@param successCallback
@param errorCallback

<span style="color: #008000">*/

<span style="color: #0000ff">function<span style="color: #000000"> thenResponse (axiosRequest,errorCallback) {

axiosRequest.then((res) =><span style="color: #000000"> {

<span style="color: #0000ff">if (res.status === 200<span style="color: #000000">) {

res =<span style="color: #000000"> res.data

<span style="color: #0000ff">if (res.code === 0<span style="color: #000000">) {

<span style="color: #0000ff">if<span style="color: #000000"> (successCallback) successCallback(res)

} <span style="color: #0000ff">else<span style="color: #000000"> {

<span style="color: #0000ff">if<span style="color: #000000"> (errorCallback) errorCallback(res.code,res.msg)

}

}

}).<span style="color: #0000ff">catch((error) =><span style="color: #000000"> {

<span style="color: #0000ff">if (errorCallback) errorCallback(-1<span style="color: #000000">,error.message)

})

}

export { getRequest,postRequest,putRequest,deleteRequest }

调用

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!