1. 引入axios的cdn到index.html中

      1. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
      2. <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>

    2. 将axios设置为vue的全局变量

      Vue.prototype.$axios =axios;

    3. 在src目录下，创建index.js的axios配置文件夹

      // 网站首页配置，在接下来的请求中，只用输入后半部分即可
axios.defaults.baseURL = 'http://mariadb.acompe.com';
// 在post请求中，配置header属性 content-type，如何提交的是表单，需要配置表单头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
// 配置所有请求携带的header信息
axios.defaults.headers.common['token'] = 'header 中携带的公共资源';

    4. 将配置文件夹引入项目中

      import './axios'