axios封装与应用(JS)

//servies/request/config.js
export const BASE_URL = "http://123.207.32.32:9060/beike/api"
export const TIMEOUT = 10000

// servies/request/index.js
import axios from 'axios'
import { BASE_URL, TIMEOUT } from './config'
class HYRequest {
  constructor(baseURL = BASE_URL, timeout= TIMEOUT) {
    this.instance = axios.create({
      baseURL,
      timeout
    })
  }
  request(config) {
    return new Promise((resolve, reject) => {
      this.instance.request(config).then(res => {
        resolve(res.data)
      }).catch(err => {
        reject(err)
      })
    })
  }
  get(config) {
    return this.request({ ...config, method: "get" })
  }
  post(config) {
    return this.request({ ...config, method: "post" })
  }
}
export default new HYRequest()

// services/index.js
import hyRequest from './request'

export function getPowerScreenData() {
  return hyRequest.get({
    url: "/powerscreen"
  })
}

let chargingStatistics = ref(chargingStatisticsData)
 import { getPowerScreenData } from '@/services'
 // 发起网络请求拿到首页的数据
  getPowerScreenData()
    .then((res)=>{
  chargingStatistics.value = res.data.chargingStatistics.data
    })