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 都是为了修饰一下
(简约版:封装好函数后引用至全局正常使用即可)
本文来自博客园,作者:封兴旺,转载请注明原文链接:https://www.cnblogs.com/fxw1/p/14041148.html