封装post请求与get请求

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_40825228/article/details/102738701

1.封装post请求

step1:引入axios

code:

import axios from 'axios'

step2：创建axios实例

code:

const instance = axios.create({
  baseURL: 'https://some-domain.com/api/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

step3：封装post方法

export function post ({url, params, options = {}}) {
  let base = {}
  return new Promise((resolve, reject) => {
      if (!(params instanceof FormData)) {
        params = {
          ...params,
          base: {...base}
        }
      }
      instance.post(url, params, {
        headers: {/*验证信息*/}
      }
      ).then(({data}) => {

      }).catch(err => {
        reject(err)
      })
    }
  })
}

2.封装fetch请求

step1与step2与post相同，

step3：封装fetch方法

export function fetch (url, params) {
  return new Promise((resolve) => {
    instance.get(url, {
      params: {
        ...params,
        _t: +new Date()
      }
    }).then((res) => {
      resolve(res.data)
    })
  })
}