封装uni.request网络请求

在uni-app项目开发中,为了管理和简化网络请求,本文介绍了如何封装uni.request,并在utils和api目录下创建request.js及业务模块,如user.js,以实现请求头信息的统一配置和减少冗余代码。
摘要由CSDN通过智能技术生成

一、前言

在开发uni-app项目的时候,难免要进行网络请求,今天我们通过官方uni.request()进行发送网络请求。

在实际的项目开发中,接口会随着需求而增多,如果不对网络请求进行封装的话,会面临以下的问题:

  • 网络请求代码分布在各个页面,代码混乱不方便管理

  • 每次网络请求都需要设置请求头信息,冗余代码过多

二、实现思路

  1. 在utils目录下新建request.js文件 (utils目录不存在,请自行在项目根目录下创建)

  2. 在api目录下新建业务模块,例如用户相关:user.js (api目录不存在,请自行在项目根目录下创建)

  3. 在页面引入封装的业务模块,调用相关的方法。

三、步骤

(一)新建request.js (@/utils/request.js)

// 定义请求地址
const BASE_URL = "http://xxx.com/api/"
// 封装请求方法
const request = (obj) => {
    obj.url = obj.url || ''; // 请求路径
    obj.method = obj.metho
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值