axios请求

在vue.js文件之后引入 axios.min.js 文件

请求写到 生命周期created(){}中！！！

axios.get/post()返回的是promise实例

常见的请求头Content-Type
1、application/x-www-form-urlencoded
2、application/json
3、multipart/form-data

get请求---------------------------

    axios.get('http://wkt.shangyuninfo.cn/weChat/applet/course/banner/list?number=1').then(res => {
        console.log(res);
        this.img_src = res.data.data[0].imgUrlPc
       // Vue.nextTick( [callback, context] )----重点！重点！重点！重点！重点！重点！
       // 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
		this.$nextTick(() => {这里可以写swiper轮播图的js})
    })

post请求--------------------------

//默认请求头：json 直接写{}请求体
//请求头：multipart/form-data---FormData()
    let url = new FormData()
    url.append('type', 'free')
    url.append('pageSize', 10)
    url.append('pageNum', 1)
//请求头：application/x-www-form-urlencoded---URLSearchParams()
    let url = new URLSearchParams()
    url.append('type', 'free')
    url.append('pageSize', 5)
    url.append('pageNum', 1)
    
    axios.post('http://wkt.shangyuninfo.cn/weChat/applet/course/list/type', url).then(res => {
        console.log(res);
        this.courseList = res.data.rows
    })