vue 封装 axios 请求

安装 axios

$ npm install axios
           

新建 js 文件封装 axios

import axios from 'axios'

var a = a || {}

//将axios的get方法绑定到S上面
s.get = function (url, params, callback) {
  return new Promise((resolve, reject) => {
    axios.get(url, {
        params: params
      })
      .then(res => {
        callback(res)
      }).catch(err => {
        reject(err)
      })
  })
}

//将axios的post方法绑定到S上面
s.post = function (url, params, callback) {
  // s.loading()
  return new Promise((resolve, reject) => {
    axios.post(url, params)
      .then(res => {
        callback(res)
      }).catch(err => {
        reject(err)
      })
  })
}

export default a

           

patch、put、delete 同理

怎么使用？

main.js 全局引入

import a from './utli/axios'
window.a = a;
           

axios.js 为封装的 js 文件

a.post(url,params,data=>{
    console.info(data)
})