全局配置 axios_axios全局

在vue中发起axios请求时，每个组件都去配置就很麻烦，这边分享一个全局配置axios的方法。

1.在main.js文件中配置如下 

（1）全局配置 axios 的请求根路径；

（2）把 axios 挂载到 Vue.prototype 上，供每个 .vue 组件的实例直接使用 

// 全局配置 axios 的请求根路径
//axios.defaults.baseURL固定写法
axios.defaults.baseURL = 'http://www.liulongbin.top:3006'
 
 
// 把 axios 挂载到 Vue.prototype 上，供每个 .vue 组件的实例直接使用
//$http可自己命名（建议使用$http）
Vue.prototype.$http = axios

 2.在需要发起axios请求的组件中使用

<template>
  <div class="left-container">
    <h3>Left 组件</h3>
    <button @click="getInfo">发起 GET 请求</button>
    <button @click="btnGetBooks">获取图书列表的数据</button>
  </div>
</template>
 
<script>
// import axios from 'axios' 无需此步导入
 
export default {
  methods: {
    async getInfo()