使用js文件封装uni.request
时间: 2024-01-19 16:48:41 浏览: 91
uniapp 请求代码封装
以下是使用js文件封装uni.request的示例代码:
```javascript
// api.js
const BASE_URL = 'http://localhost:3000'
function request(options) {
return new Promise((resolve, reject) => {
uni.request({
url: BASE_URL + options.url,
method: options.method || 'GET',
data: options.data || {},
header: options.header || {},
success: res => {
if (res.statusCode === 200) {
resolve(res.data)
} else {
reject(res)
}
},
fail: err => {
reject(err)
}
})
})
}
export default request
```
在其他文件中使用:
```javascript
// test.js
import request from './api.js'
request({
url: '/user',
method: 'POST',
data: {
name: 'Alice'
}
}).then(res => {
console.log(res)
}).catch(err => {
console.error(err)
})
```
在这个示例代码中,我们将uni.request封装在一个名为request的函数中,并将其导出为一个模块。调用request函数时,我们只需要传递需要的参数,而不用每次都写一遍uni.request的参数。
此外,我们还定义了一个常量BASE_URL,用于存储接口的基础地址。这样,我们在调用request函数时,只需要传递相对路径即可,而不用每次都写一遍基础地址。
阅读全文