配置

import axios from ‘axios‘

const instance = axios.create({
    // 
    baseURL: ‘http://‘ + location.hostname + ‘:1234/vcancbs/‘,
    timeout: 5000
})

instance.interceptors.request.use(config => {
    //...
    console.log(config)
    return config
}, error => {
    console.log(error)
})

instance.interceptors.response.use(response => {
    // ...
    console.log(response )
    return response.data
}, error => {
    console.log(error)
})

export default instance

封装

import axios from ‘./request‘
/* 
 get
 @param {路径,参数对象}
*/
export const _get = (url, query) => {
    return new Promise((resolve, reject) =>{
        axios.get(url, {
            params: query
        })
        .then(res => {
            resolve(res.data);
        })
        .catch(err => {
            reject(err.data)
        })
    })
}

/* 
 post
 @param {路径,参数对象}
*/
export const _post = (url, query) => {
    return new Promise((resolve, reject) => {
        axios.post(url, query)
        .then(res => {
            resolve(res.data);
        })
        .catch(err => {
            reject(err.data)
        })
    });
}

/* 
 delete
 @param {路径,参数对象}
*/
export const _delete = (url, query) => {
    return new Promise((resolve, reject) => {
        axios.delete(url, query)
        .then(res => {
            resolve(res.data);
        })
        .catch(err => {
            reject(err.data)
        })
    });
}

全局引入

import Vue from ‘vue‘
import App from ‘./App.vue‘
import { _get, _post, _delete} from ‘./network/api‘
Vue.prototype.$get = _get
Vue.prototype.$post = _post
Vue.prototype.$delete = _delete
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount(‘#app‘)

使用

getFun(){
  this.$get(‘bingniter/getOrderInfo‘,{id:‘bingniter-2020-10-24‘}).then( response => {
    console.log(response)
  }, error => {
    console.log(error)
  })
}

postFun(){
  this.$post(‘bingniter/getDataSource‘,{id:‘bingniter-2020-10-24‘,name:‘BingNiTer‘}).then( response => {
    console.log(response)
  }, error => {
    console.log(error)
  })
}

axios 配置

原文：https://www.cnblogs.com/bingziweb/p/13871683.html