微信小程序开发,请求地址封装
时间: 2023-11-09 17:01:34 浏览: 148
微信小程序中的请求地址封装一般有以下几种方式:
1. 直接使用原生的wx.request()方法,将请求地址直接写在其中。这种方式比较简单,但是在多个地方都需要请求同一个地址时,会导致代码重复,不易维护。
2. 在app.js中定义全局变量,存储请求地址,然后在需要发送请求的页面中引入app.js,在请求时使用全局变量中的地址。这种方式可以避免代码重复,但是在需要请求多个地址时,需要定义多个全局变量,会导致代码臃肿。
3. 封装一个工具类,将请求地址作为参数传入封装好的方法中。这种方式可以解决以上两种方式的问题,可以在工具类中定义多个请求地址,在需要发送请求时,只需要传入对应的地址即可。
下面是一个简单的请求地址封装示例:
```javascript
// 工具类 request.js
const BASE_URL = 'https://example.com/api/'
function request(url, data, method = 'GET') {
return new Promise((resolve, reject) => {
wx.request({
url: BASE_URL + url,
data,
method,
success: res => {
resolve(res.data)
},
fail: err => {
reject(err)
}
})
})
}
export default request
```
使用时,在需要发送请求的页面中引入request.js,然后调用封装好的request方法即可:
```javascript
import request from './request.js'
// 发送 GET 请求
request('users', { id: 1 }).then(res => {
console.log(res)
})
// 发送 POST 请求
request('users', { name: 'John' }, 'POST').then(res => {
console.log(res)
})
```
以上示例中,BASE_URL为请求地址的公共部分,request方法接受三个参数,其中url为请求地址的相对路径,data为请求参数,method为请求方法,默认为GET。
阅读全文