axios封裝
axios
初級封裝
//get請求
export function get(url, params){
return new Promise((resolve, reject) =>{
axios.get(url, {
params: params
}).then(res => {
resolve(res.data);
}).catch(err =>{
reject(err.data)
})
})}
//post請求
export function post(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params)
.then(res => {
resolve(res.data);
})
.catch(err =>{
reject(err.data)
})
});
}
axios
的優化封裝
初級封裝只是簡單封裝了
get,post
請求。若涉及到token
值或者是header
則不夠用。
import axios from 'axios';
let headers = {
'Content-Type': 'application/json;charset=UTF-8',
Authorization: sessionStorage.getItem('token_type') + ' ' + sessionStore.getItem('access_token')
}
//GET請求
export function get( url, params) {
return new Promise((resolve,reject)=>{
axios({
method: 'get',
url: url,
headers: headers,
params: params,
data: null
}).then(res =>{
resolve(res.data)
}).catch(err =>{
reject(err.data)
})
})
}
//POST請求
export function post( url, data){
return new Promise((resolve,reject)=>{
axios({
method: 'post',
url: url,
data: data,
headers: headers
}).then(res =>{
resolve(res.data)
}).catch(err =>{
reject(err.data)
})
})
}
//PUT請求。PUT請求的形式 - http://www.baidu.com:8080/api01/{id}
export function put( url, id, data ){
return new Promise((resolve,reject)=>{
axios({
method: 'put',
url: url + '/' + id,
headers: headers,
data: data
}).then(res =>{
resolve(res.data)
}).catch(err =>{
reject(err.data)
})
})
}
//delete請求。delete請求的形式 - http://www.baidu.com:8080/api02/{id}
export function delete(url ,id ){
return new Promise((resolve,reject)=>{
axios({
method: 'delete',
url: url + '/' + id,
headers: headers
}).then(res =>{
resolve(res.data)
}).catch(err =>{
reject(err.data)
})
})
}
相關文章
- 封裝axios封裝iOS
- axios封裝apiiOS封裝API
- 封裝axios請求封裝iOS
- axios二次封裝iOS封裝
- 封裝ajax、axios請求封裝iOS
- 使用async await 封裝 axiosAI封裝iOS
- Vue Axios 的封裝使用VueiOS封裝
- axios 請求資料封裝iOS封裝
- vue中使用axios的封裝VueiOS封裝
- axios的二次封裝iOS封裝
- Vue-axios 封裝了一手好axios:)VueiOS封裝
- Vue3——axios 安裝和封裝VueiOS封裝
- vue中axios請求的封裝VueiOS封裝
- vue中axios的使用與封裝VueiOS封裝
- axios二次封裝學習iOS封裝
- 使用 js 修飾器封裝 axiosJS封裝iOS
- vue-cli 3.0 + 對 axios 封裝VueiOS封裝
- vue - axios網路封裝模組VueiOS封裝
- vue中對axios進行封裝VueiOS封裝
- 十. Axios網路請求封裝iOS封裝
- 六九、ajax,fetch,axios,wx.request封裝iOS封裝
- axios封裝以及前端介面處理策略iOS封裝前端
- 【axios】XHR的ajax封裝+axios攔截器呼叫+請求取消iOS封裝
- 在RN專案上對axios的封裝iOS封裝
- [譯]axios 是如何封裝 HTTP 請求的iOS封裝HTTP
- vue axios封裝以及API統一管理VueiOS封裝API
- vue介面請求方式axios二次封裝VueiOS封裝
- Vue二次封裝axios為外掛使用Vue封裝iOS
- Vue功能篇 - 3.封裝axios請求庫Vue封裝iOS
- 在 vue-cli 3.0 + 裡面對 axios 封裝VueiOS封裝
- vue中Axios的封裝和API介面的管理(更新)VueiOS封裝API
- vue全家桶 ---axios的使用和二次封裝VueiOS封裝
- axios的二次封裝與async,await的配合使用?iOS封裝AI
- 詳解vue中Axios的封裝與API介面的管理VueiOS封裝API
- 在 vue-cil 裡封裝一個簡單的 axiosVue封裝iOS
- vue-cli中怎麼基於axios去封裝方法VueiOS封裝
- Vuex結合Axios非同步請求資料的封裝VueiOS非同步封裝
- 封裝axios請求並對提交引數進行校驗封裝iOS