一、前言
在开发uni-app项目的时候,难免要进行网络请求,今天我们通过官方uni.request()进行发送网络请求。
在实际的项目开发中,接口会随着需求而增多,如果不对网络请求进行封装的话,会面临以下的问题:
-
网络请求代码分布在各个页面,代码混乱不方便管理
-
每次网络请求都需要设置请求头信息,冗余代码过多
二、实现思路
-
在utils目录下新建request.js文件 (utils目录不存在,请自行在项目根目录下创建)
-
在api目录下新建业务模块,例如用户相关:user.js (api目录不存在,请自行在项目根目录下创建)
-
在页面引入封装的业务模块,调用相关的方法。
三、步骤
(一)新建request.js (@/utils/request.js)
// 定义请求地址
const BASE_URL = "http://xxx.com/api/"
// 封装请求方法
const request = (obj) => {
obj.url = obj.url || ''; // 请求路径
obj.method = obj.metho