uniapp 配置request

在 UniApp 中，`uni.request` 是发起网络请求的核心 API。它用于向服务器发送数据或获取远程资源。下面详细介绍如何配置并优化 `uni.request` 的使用。 ### 一、基础用法 最简单的 `uni.request` 调用如下所示： ```js uni.request({ url: 'https://api.example.com/data', // 请求地址 method: 'GET', // 请求方法（默认 GET） data: { // 请求参数 key1: "value", key2: "another value" }, success(res) { console.log("成功:", res.data); // 成功回调函数 }, fail(err) { console.error("失败:", err); // 失败回调函数 } }); ``` ### 二、全局配置 request 为了减少重复编码和便于管理，可以将公共的 URL 或超时时间等信息集中起来做统一配置。通常建议创建一个工具文件如 `utils/request.js` 来封装此功能。 #### 示例代码 - 封装版 ```js export default function request(options){ let config = { url: options.url || '', // 默认值为空字符串 method: options.method || 'GET', header:{ ...options.header, 'Content-Type': 'application/json;charset=UTF-8' }, // 添加通用Header字段 dataType:'json', timeout:60 * 1000 // 设置超时时长 单位ms }; return new Promise((resolve,reject)=>{ uni.request({...config,...{ success:(res)=>{if([200].indexOf(res.statusCode)!==-1){resolve(res)}else reject(new Error(`HTTP error ${res.statusCode}`))}, fail:(err)=>reject(err) }}) }) } ``` 然后就可以像这样调用了: ```js import request from '@/utils/request'; async function fetchData(){ try { const result=await request({url:'/somepath'}); console.log(result); }catch(error){ console.warn(error.message); } } fetchData(); ``` ### 三、注意事项 1. **跨平台兼容性** 不同平台上可能会有不同的表现，尤其是涉及到 HTTPS 和证书校验的时候，请务必测试各个目标设备的效果。 2. **安全性考量** 当传递敏感信息（比如 token）给后端时，推荐采用 POST 方式提交并且尽量加密传输内容；同时注意避免泄露用户的个人隐私资料。 3. **性能优化** 根据业务场景合理控制并发数以及缓存策略，能够有效提升用户体验并减轻服务器压力。 4. **调试技巧** 利用 devtools 查看具体的请求过程有助于快速定位问题所在点。 ---