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)
})