Vue中Axios发送请求的方法

1.1Axios发送get请求

//get请求无参数
axios.get('https://autumnfish.c123123n/api/joke')
          .then(res => {
            // 请求成功的回调
            // console.log('res:', res)
            console.log(res.data)
          })
          .catch(errRes => {
            // 请求失败的回调
            console.log('errRes:', errRes)
          })

1.2Axios发送post请求

axios.post('https://autumnfish.cn/api/user/reg', {
            username: 'lileilovehanmeimeima?'
          })
          .then(res => {
            console.log('res:', res)
          })
          .catch(errRes => {
            console.log('errRes:', errRes)
          })
      }

1.3Axios发送config请求

优点config模式相对单一的get和post更加灵活

语法：以post为例

axios({
          method: 'post',
          url: 'https://autumnfish.cn/api/user/reg',
          data: {
            username: '门前大桥下'
          }
        })
          .then(res => {
            console.log('res:', res)
          })
          .catch(errRes => {
            console.log('errRes:', errRes)
          })
      }
	  
	   config模式发送get请求必须有params参数

get请求有params参数
        axios({
          method: 'get',
          url: 'https://autumnfish.cn/api/lol/search',
          params: {
            q: '拉'
          }
        })
          .then(res => {
            console.log('res:', res)
          })
          .catch(errRes => {
            console.log('errRes:', errRes)
          })

这个
这个axios请求也利用了Promise的API，分别then、catch对应了异步执行的成功失败
我们在使用config模式请求时，内部的函数往往使用箭头函数，箭头函数的this指向所在的作用域有效的解决了普通函数的指向问题