uniapp封装request请求
时间: 2023-08-29 17:05:29 浏览: 281
可以通过以下步骤封装request请求:
1. 在根目录下新建一个utils文件夹,用于存放封装的request请求。
2. 在utils文件夹中新建一个request.js文件,用于封装request请求。
3. 在request.js文件中引入uni.request方法,并创建一个request函数,参数为请求地址和请求参数。
4. 在request函数中调用uni.request方法,传入请求地址和请求参数,并返回一个Promise对象。
5. 在需要使用request请求的页面中引入request.js文件,并调用request函数即可。
示例代码如下:
1. 在utils文件夹中新建request.js文件
```
// 引入uni.request方法
import { request } from 'uni-app'
// 封装request请求
export function request(url, data) {
return new Promise((resolve, reject) => {
uni.request({
url: url,
data: data,
success: res => {
resolve(res.data)
},
fail: err => {
reject(err)
}
})
})
}
```
2. 在需要使用request请求的页面中引入request.js文件,并调用request函数
```
// 引入request.js文件
import { request } from '@/utils/request'
// 调用request函数
request('http://example.com/api/getData', { id: 1 }).then(res => {
console.log(res)
}).catch(err => {
console.error(err)
})
```
注意:以上代码仅为示例代码,根据实际情况进行修改。
阅读全文