axios封装

文件位置：

// http.js

import axios from 'axios'

const timeout = 10000 // 超时时间
const service = axios.create({
  baseURL: window.BASE_URL,
  timeout
})

service.interceptors.request.use(
  (config) => {
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

service.interceptors.response.use(
  (res) => {
    if (res.status === 200 && res.data?.code === 200) {
      return res.data
    } else {
      return Promise.reject(res.data)
    }
  },
  (error) => {
    return Promise.reject(error)
  }
)

export default service

// restful.js

import http from '@/service/http.js'

export function httpGet(url, params = {}, config) {
  return http(
    Object.assign(
      {
        method: 'get',
        url,
        params
      },
      config
    )
  )
}

export function httpPost(url, data = {}, config) {
  return http(
    Object.assign(
      {
        method: 'post',
        url,
        data
      },
      config
    )
  )
}

export function httpPut(url, data = {}, config) {
  return http(
    Object.assign(
      {
        method: 'put',
        url,
        data
      },
      config
    )
  )
}


export function httpPostQuery(url, data = {}, config) {
  return http(
    Object.assign(
      {
        method: 'post',
        url,
        params: data
      },
      config
    )
  )
}

用法：

import {httpGet, httpPost, httpPostQuery} from '@/service/restful'

// 获取采集列表
export const getCollectList = (params, config) => {
  return httpPost( '/collect-job/collect-list', params, config)
}

// 获取表单信息
export const getForm = (params, config) => {
  return httpGet('/external/get-form', params, config)
}

// 列表删除
export const reqDataDel = (params, config) => {
  return httpPostQuery('/collect-job/data-del', params, config)
}