### 如何在 UniApp 中以 form-data 形式传递参数 在 UniApp 开发中，`luch-request` 是一种常用的 HTTP 请求库。当需要通过 `POST` 方法发送数据并指定为 `form-data` 类型时，可以通过设置请求头和调整参数结构来实现。 以下是具体的实现方式： #### 设置 Content-Type 为 multipart/form-data 为了使服务器能够识别客户端发送的是 `form-data` 格式的参数，在请求头部需显式声明 `Content-Type` 的值为 `multipart/form-data` 或者不手动设置该字段（部分情况下由框架自动处理）。例如： ```javascript this.$http.post('/upload/url', formData, { header: { 'Content-Type': 'multipart/form-data' } }).then(res => { if (res.data.success) { console.log(res.data.result); } else { uni.showToast({ icon: 'none', title: '上传失败，请重试！', duration: 2000 }); } }).catch(err => { uni.showToast({ icon: 'none', title: '网络异常，请稍后再试！', duration: 2000 }); }); ``` 注意：如果未特别定义 `Content-Type`，某些场景下默认会采用 `application/json`，这可能导致服务端无法解析预期的 `form-data` 参数[^1]。 #### 构建 FormData 对象 对于文件或其他二进制流类型的传输需求，推荐使用原生 JavaScript 提供的 `FormData` API 来构建待提交的内容体。下面是一个完整的例子展示如何创建包含普通键值对以及图片资源在内的表单对象： ```javascript // 创建一个新的 FormData 实例 let formData = new FormData(); formData.append('username', 'testUser'); // 添加字符串类型的数据项 formData.append('avatar', fileInput.files[0]); // 假设已获取到用户选择的图像文件 // 执行 POST 请求操作 this.$http.post('/user/profile/update', formData).then(response => { console.info('Profile updated successfully:', response); }).catch(error => { console.error('Failed to update profile:', error); }); ``` 此方法适用于较为复杂的场景，比如同时上传多个字段及其关联附件的情况[^3]。 #### 结合实际项目中的注意事项 - **跨域配置**：若目标接口部署于不同源地址，则可能涉及 CORS 跨域策略限制问题。此时应在后台响应适当扩展允许访问来源范围，并确认支持自定义首部信息传送。 - **调试技巧**：利用浏览器开发者工具或者移动端抓包软件观察最终发出的实际荷载格式是否符合预期标准；必要时候借助 Postman 工具模拟验证交互流程正确性。 ---