vue接口请求封装

最新推荐文章于 2024-08-24 07:00:00 发布

肉清

最新推荐文章于 2024-08-24 07:00:00 发布

阅读量381

点赞数 1

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/weixin_39031037/article/details/117545537

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

前言

统一接口封装可以大大减少业务代码，便于后期的维护

直接贴代码和上篇文章是承上启下

import HttpRequest from '_utils/httpRequest'
import BaseUrl from './base'
export default class BaseApi {
  constructor () {
    this.http = new HttpRequest(BaseUrl)
  }

  get (url, params = {}) {
    const { isLoading = true } = params
    return this.http.request({
      url,
      method: 'get',
      params,
      isLoading
    })
  }

  post (url, data = {}, params = {}) {
    const { isLoading = true } = params
    return this.http.request({
      url,
      method: 'post',
      data,
      params,
      isLoading
    })
  }

  put (url, data = {}, params = {}) {
    const { isLoading = true } = params
    return this.http.request({
      url,
      method: 'put',
      data,
      params,
      isLoading
    })
  }

  delete (url, params = {}, data = {}) {
    const { isLoading = true } = params
    return this.http.request({
      url,
      method: 'delete',
      params,
      data,
      isLoading
    })
  }

  all (...request) {
    return Promise.all([...request])
  }
}