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 都是为了修饰一下

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM