当前位置:   article > 正文

Axios的多种封装方法_axios封装

axios封装

Axios是一个基于Promise的HTTP客户端,可用于浏览器和Node.js环境中。它提供了多种封装方法来方便我们使用。

以下是Axios的常见封装方法:

  1. 封装get请求:
  1. // 封装get请求
  2. export function get(url, params = {}) {
  3. return axios.get(url, {
  4. params
  5. }).then(res => {
  6. return res.data
  7. })
  8. }

  1. 封装post请求:
  1. // 封装post请求
  2. export function post(url, data = {}) {
  3. return axios.post(url, data).then(res => {
  4. return res.data
  5. })
  6. }

  1. 封装put请求:
  1. // 封装put请求
  2. export function put(url, data = {}) {
  3. return axios.put(url, data).then(res => {
  4. return res.data
  5. })
  6. }

  1. 封装delete请求:
  1. // 封装delete请求
  2. export function del(url, data = {}) {
  3. return axios.delete(url, {
  4. data
  5. }).then(res => {
  6. return res.data
  7. })
  8. }

  1. 封装多个请求:
  1. // 封装多个请求
  2. export function all(promises) {
  3. return axios.all(promises).then(axios.spread((...results) => {
  4. return results
  5. }))
  6. }

  1. 封装请求拦截器:
  1. // 封装请求拦截器
  2. axios.interceptors.request.use(config => {
  3. // 在请求发送之前做一些处理
  4. return config
  5. }, error => {
  6. // 对请求错误做些什么
  7. return Promise.reject(error)
  8. })

  1. 封装响应拦截器:
  1. // 封装响应拦截器
  2. axios.interceptors.response.use(response => {
  3. // 对响应数据做些什么
  4. return response
  5. }, error => {
  6. // 对响应错误做些什么
  7. return Promise.reject(error)
  8. })

以上是Axios的常见封装方法,可以根据具体需求进行相应的调整。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/305991
推荐阅读
相关标签
  

闽ICP备14008679号