Axios是一个基于Promise的HTTP客户端,可用于浏览器和Node.js环境中。它提供了多种封装方法来方便我们使用。
以下是Axios的常见封装方法:
- 封装get请求:
// 封装get请求
export function get(url, params = {}) {
return axios.get(url, {
params
}).then(res => {
return res.data
})
}
- 封装post请求:
// 封装post请求
export function post(url, data = {}) {
return axios.post(url, data).then(res => {
return res.data
})
}
- 封装put请求:
// 封装put请求
export function put(url, data = {}) {
return axios.put(url, data).then(res => {
return res.data
})
}
- 封装delete请求:
// 封装delete请求
export function del(url, data = {}) {
return axios.delete(url, {
data
}).then(res => {
return res.data
})
}
- 封装多个请求:
// 封装多个请求
export function all(promises) {
return axios.all(promises).then(axios.spread((...results) => {
return results
}))
}
- 封装请求拦截器:
// 封装请求拦截器
axios.interceptors.request.use(config => {
// 在请求发送之前做一些处理
return config
}, error => {
// 对请求错误做些什么
return Promise.reject(error)
})
- 封装响应拦截器:
// 封装响应拦截器
axios.interceptors.response.use(response => {
// 对响应数据做些什么
return response
}, error => {
// 对响应错误做些什么
return Promise.reject(error)
})
以上是Axios的常见封装方法,可以根据具体需求进行相应的调整。