uniapp 封装app网络请求
时间: 2024-11-11 17:14:20 浏览: 14
uniapp是一个基于Vue.js的跨平台应用开发框架,它允许开发者编写一次代码,即可生成运行在微信小程序、H5、App等多端的应用。对于网络请求的封装,uniapp提供了一个叫做`u-request`的模块,用于简化开发者处理网络请求的过程。
在uniapp中,你可以按照以下步骤封装网络请求:
1. 引入依赖:首先需要在项目中导入`u-request`库,通常在`main.js`文件中添加:
```javascript
import uView from '@dcloudio/uni-view'
import uRequest from '@/utils/request'
```
2. 创建实例:创建一个统一的请求实例,可以配置全局的基础URL、拦截器等:
```javascript
const service = uRequest({
baseUrl: 'https://api.example.com', // 根据实际API地址替换
timeout: 10000, // 请求超时时间
withCredentials: true, // 是否携带cookie
})
```
3. 发送请求:封装各种HTTP方法如GET、POST、PUT等:
```javascript
export function get(url) {
return service.get(url)
}
export function post(url, data) {
return service.post(url, data)
}
```
4. 使用封装后的函数:在业务组件中通过返回Promise的方式调用这些封装好的方法,比如获取数据:
```javascript
async fetchData() {
try {
const response = await get('/users')
console.log(response.data)
} catch (error) {
console.error('请求失败', error)
}
}
```
阅读全文