Vue 前后端分离，axios 发送数据给后端与接收服务器端发来的数据

1. 在 main.js 里引入 axios 和 qs

   import axios from 'axios'
   import qs from 'qs';
   
   Vue.use(axios);

2. 给 axios 和 qs 取别名，然后在其他组件里就可以用 this.$http 和 this.$qs 来使用

   Vue.prototype.$http = axios
   Vue.prototype.$qs = qs

3. 在 main.js 里设置 axios 的默认全局配置信息

   axios.defaults.baseURL = 'http://api.sphard.test';
   // axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
   axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

4. 接收后端传来的数据

   this.$http.get('/aa').then((response) => {
       console.log(response.data)
       // this.age = response.data.age
     })

5. 发送数据给后端

   this.$http.post('/bb', this.$qs.stringify({'name': 'liuwei', age: 18})).then((response) => {
       console.log(response.data);
     }).catch((error) => {
       console.log(error);
     });