本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作。分享给大家供大家参考，具体如下：
app.js：
App({
//设置全局请求URL
globalData:{
URL: 'https://www.oyhdo.com',
},
/**
* 封装wx.request请求
* method： 请求方式
* url: 请求地址
* data： 要传递的参数
* callback： 请求成功回调函数
* errFun： 请求失败回调函数
**/
wxRequest(method, url, data, callback, errFun) {
在微信小程序的开发过程中，与服务器进行数据交互是不可或缺的一部分，这通常通过调用微信小程序提供的API——`wx.request`来实现。本实例将详细介绍如何在微信小程序中设置全局请求URL以及如何封装`wx.request`，以提高代码复用性和可维护性。
为了方便在各个页面中使用相同的请求基础URL，我们可以在`app.js`中定义一个全局变量`globalData`，存储这个基础URL。例如：
```javascript
App({
globalData: {
URL: 'https://www.oyhdo.com',
},
// ...
});
```
这里的`URL`字段用于存放服务器接口的基础地址，确保所有请求的发起都能找到正确的起点。
接下来，我们将封装`wx.request`方法。这个封装主要是为了简化调用过程，减少代码量，并统一处理请求的错误。在`app.js`中，我们可以定义一个名为`wxRequest`的函数，接受五个参数：请求方法（`method`）、请求地址（`url`）、请求数据（`data`）、成功回调函数（`callback`）和失败回调函数（`errFun`）：
```javascript
wxRequest(method, url, data, callback, errFun) {
wx.request({
url: url,
method: method,
data: data,
header: {
'content-type': method === 'GET' ? 'application/json' : 'application/x-www-form-urlencoded',
'Accept': 'application/json',
},
dataType: 'json',
success: function (res) {
callback(res.data);
},
fail: function (err) {
errFun(res);
}
});
}
```
这个封装的`wxRequest`函数会根据请求方法设置合适的`content-type`头，以支持JSON或表单格式的数据发送。同时，它设置了`dataType`为`json`，意味着期望服务器返回的数据格式为JSON。在请求成功时，调用`callback`并将响应的`data`部分传入；在请求失败时，调用`errFun`并传入错误信息。
在实际的页面逻辑中，可以方便地调用这个封装好的`wxRequest`函数。例如，在`index.js`的`Page`中：
```javascript
const app = getApp();
Page({
onLoad: function () {
let url = app.globalData.URL + '/User/getUserinfo';
let data = { uid: '1' };
app.wxRequest('POST', url, data, (res) => {
console.log(res.data);
}, (err) => {
console.log(err.errMsg);
});
}
})
```
这样，我们就可以在任何页面中通过`app.wxRequest`进行网络请求，而无需每次都手动配置请求头和处理回调函数，提高了代码的可读性和效率。
微信小程序中的全局请求URL设置和`wx.request`的封装是提升开发效率的重要手段。通过全局变量存储基础URL，可以避免重复编写相同URL，而封装`wx.request`则能统一错误处理，简化请求代码。这两个技巧在实际开发中非常实用，有助于创建更规范、易于维护的微信小程序项目。
