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

Axios发送请求的方法

上一篇:`flowable6.6.0.common.app.idm-url` must be set


下一篇:android10中NetworkInfo废弃如何解决