vue Axios的简单封装

这是封装的类

import axios from "axios"


class hyRequest{
  constructor(baseURL,timeout=10000){
    this.instace = axios.create({
      baseURL,
      timeout
    })
  }



  request(config){
    return new Promise((resolve,reject)=>{
      // axios.request(config).then(res=>{
      this.instace.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" })
  }

}
//传入baseurl哦
export default new hyRequest("http://xxxx")

这是应用

import hyRequest from "./service/index"

// hyRequest.request({
//   url:"http://lvcs.cn:1888/api/home/houselist?page=1",
//   method:"get"
// }).then(res=>{
//   console.log(res);
// })

hyRequest.get({
  url:"/api/home/houselist",
  params:{
    page:1
  }
}).then(res=>{
  console.log(res);
})

hyRequest.post({
  url:"http://xxxx/api/home/houselist",
  params:{
    page:1
  }
}).then(res=>{
  console.log(res);
})