不封装的情况下：
在需要发送ajax的组件中，使用这个方法。如果有100个组件需要使用，就得复制100份！
特别的注意的是，axios经常在生命周期钩子函数（2）created中使用，created()是初始化完成，啥意思呢，就是数组
// 0.下载--使用npm下载  命令： npm i axios
// 1. 导入axios
import axios from 'axios'
// 2. 使用
axios({
  method: '请求方式', // get post
  url: '请求地址',
  data: {    // 拼接到请求体的参数,  post请求的参数
    xxx: xxx,
  },
  params: {  // 拼接到请求url的参数, get请求的参数
    xxx: xxx 
  }
}).then(res => {
  console.log(res.data) // 后台返回的结果
}).catch(err => {
  console.log(err) // 后台报错返回
})

//步骤：
1.新建一个文件，存放封装的代码
2.为什么axios.create可以进行路径的拼接呢？
---因为axios.create()是工厂函数，使用它可以创建一个拥有通用配置的axios实例 axios.creat([config]) 这个是人家定义的方法
import axios from 'axios' // 导入axios固定格式
const ajax = axios.create({
  baseURL: 'http://localhost:3000' //固定写法
})
export default ajax  //导出

第一步：导入第一次封装的axios  request对象
import request from '../utils/request'
// 导出 commendAPI方法 把axios请求的代码放在里面
export const recommendAPI = () => request({
  url: '/personalized?limit=6',
  method: 'GET'
})
----------------------------接下来在页面中使用----------------------------------------------
 created () {
    this.getRecommendList()        //在钩子函数的第二，初始化调用，此时已经有了data,methods,可以进行请求了
  }，
 methods: {
    async getRecommendList () {
      const res = await recommendAPI() // 只需要进行调用就行，不用在里面写请求代码，便于后期维护
      this.recommendArr = res.data.result
    }
  }

在main.js中引用
import Axios from 'axios'
import qs from 'qs'
//跨域post实例；用到qs组件来避开ajax信使请求；并兼容安卓；
Vue.prototype.$qs = qs;
// 给对象一个原型挂载属性（很重要）
Vue.prototype.$axios = Axios;
Axios.defaults.baseURL = 'http://v.jspang.com:8088';
----------------下面是页面中使用-------------------------
    created(){
     this.$axios.post("/baixing/wxmini/homePageBelowConten")
    .then(res=>{
        console.log(res)
    })
    .catch(err=>{
        console.log(err)
    })
  },