利用事件总线实现请求封装（低配版）

最常用的请求封装，无非是在axios中进行封装request.js，这个就不说了，一大把资源

进入主题

先利用事件总线把axios和api挂载到Vue的原型上（prototype），组件中使用就行

挂载

import API from './network/api'
import axios from 'axios'
axios.create({
  baseURL: 'xxxxxx'
})

Vue.prototype.$API = API
Vue.prototype.$request = axios

api

export default {
  LOGIN: 'xxxxxx'
}

使用

const {data: res} = await this.$request.post(this.$API.LOGIN, 表单数据)
......逻辑代码

总结：

实际上EventBus不止能用来作为网络请求数据传递的工具，同时也可以作为一个非常方便的Component间传递数据的工具，不过再此就不赘述了。总之与网络请求工具配合起来相当的好用，随时随地发请求，想在哪接就在哪接，简直一身轻松。