uniapp封装网络请求方法 (一看就会!超级简约!)

1. 新建一个目录及js文件专门用来放至此方法,代码如下:

   

2. 将该方法引用至全局:

 2.1 首先将该文件在main.js里引用至全局 import { myRequest } from './util/api.js' (因为是export暴露封装的所以{}里放方法名即可)

 2.2 用vue的手法将该方法引用至全局 Vue.prototype.$myRuquest = myRequest

3. 使用自己封装的方法:

async getSwipers ( ) {

 const res = await this.$myRuquest ({

    url: '/api/getLunbo'

})

   console.log(res)

  this.swipers = res.data.message //将需要的数据保存至自己的swipers数组里

}

//这个方法返回的是promise所以 const res = await 和 async 都是为了修饰一下

(简约版:封装好函数后引用至全局正常使用即可)

posted @ 2020-11-26 11:53  封兴旺  阅读(2003)  评论(0)    收藏  举报

联系方式: 18274305123(微信同号)