vue项目想复写一套axios的get,post,put,delete方法

Question

vue项目中使用了axios去向后台请求数据，但是因为请求返回的then和catch要写的东西很多，而且每次请求都得写一次显得代码很冗余，所以我想复写四个方法，我只需要关心正确返回也就是res.status == 200即可，请问大伙我该怎么写？

// 复写前的axios
this.$axios({
        url: `${this.$api.zhishizhongxinUrl}/workbench/newinfo/rotation`,
        methods: 'get',
        params: {
          imageNew: 1,
          num: 4,
          // typeId:
        }
      }).then(res => {
        if (res.data.code == 200) {
          this.imgList = res.data.data
        } else {
          this.$message({
            duration: 1000,
            message: '新闻获取失败，错误原因：' + res.data.message,
            type: 'warn'
          })
        }
      }).catch(err => {
        this.$message({
          duration: 1000,
          message: '新闻获取失败，错误原因：' + err,
          type: 'error'
        })
      })

Answer 1

哈喽，直接写成一个方法，什么请求方式直接传进来就好啦，参考一下，有用请点采纳

/**
 * @param url 接口地址
 * @param method 请求类型 默认 get
 * @param data 数据参数
 * @param option 配置项
 */
 export function simpleRequest(url,method='get',data,option={}) {
  return ()=>{
      return new Promise((resolve, reject) => {
          http.request(Object.assign({
              url,
              method,
              params: method==='get'? data: {},
              data: method==='post'? data: {}
          },option)).then(res => {
              resolve(res.data)
          }).catch(err => {
              reject(err)
          })
      })
  }
}