uniapp 在globalData 使用自己封装的网络请求
时间: 2023-12-04 20:06:20 浏览: 110
Uniapp使用封装好的接口
如果你已经自己封装了网络请求,那么你可以在`uni-app`中使用自己封装的网络请求,并将请求返回的数据存储在`globalData`中以供其他页面使用。以下是一个简单的示例代码:
```javascript
// 封装网络请求的方法
function myRequest(options) {
return new Promise((resolve, reject) => {
uni.request({
...options,
success: (res) => {
resolve(res.data)
},
fail: (err) => {
reject(err)
}
})
})
}
// 在App.vue文件中定义globalData和发送网络请求
export default {
globalData: {
userInfo: null
},
async onLaunch() {
// 在应用程序启动时执行的代码
// 发起网络请求获取用户信息
const userInfo = await myRequest({
url: 'https://api.example.com/user'
})
this.globalData.userInfo = userInfo
}
}
// 在其他页面中使用globalData
export default {
onLoad() {
// 获取globalData中的userInfo
const userInfo = getApp().globalData.userInfo
// 使用userInfo进行页面渲染
}
}
```
在这个示例中,我们自己封装了一个`myRequest`方法来发送网络请求,并将请求返回的数据通过`resolve`传递给`Promise`。在应用程序启动时,我们使用`myRequest`方法来获取用户信息,并将其存储在`globalData`中。在其他页面中,我们通过`getApp().globalData.userInfo`来获取这个数据,并使用它进行页面渲染。你可以根据自己的需求来修改和扩展这个示例。
阅读全文