Uniapp的H5以及App不支持后端传FormData类型参数的解决方案

在uniapp中不支持FormData的传参,这就很恶心;如果强行传的话会提示,请求失败的报错信息。

因为后端必须要FormData类型的传参,所以在查阅一系列方案后,有一种解决办法可以完美解决。

代码:

javascript 复制代码
init() {
				const form = new FormData()
				form.append('businessType', this.businessType)
				form.append('businessId', this.businessId)
				form.append('moduleId', this.modelId)
				form.append('tableName', this.mainTable)
				let formDataStr = '';
				form.forEach((value, key) => {
					if (formDataStr !== '') {
						formDataStr += '&';
					}
					formDataStr += encodeURIComponent(key) + '=' + encodeURIComponent(value);
				});
				uni.request({
					url: this.define.baseURL + '/api/file/getAttachmentList',
					method: 'POST',
					data: formDataStr,
					header: {
						'content-type': 'application/x-www-form-urlencoded',
					},
					success: (res) => {
						this.viewAttachmentTableData = res.data.data
					},
					fail: (err) => {
						console.error('请求失败', err);
					}
				});
			},
相关推荐
九九落3 小时前
前端获取经纬度完全指南:从Geolocation API到地图集成
前端·获取经纬度
来恩10033 小时前
jQuery选择器
前端·javascript·jquery
前端繁华如梦3 小时前
树上挂苹果还是挂玻璃球?Three.js 程序化果实的完整实现指南
前端·javascript
墨痕诉清风3 小时前
Web浏览器客户端检测网站网络健康(代码)
前端·网络·测试工具
IMPYLH3 小时前
Linux 的 wc 命令
linux·运维·服务器·前端·bash
jingling5553 小时前
uni-app农场地图——高德 JS API 实现全解析(天地图影像作为layers)
uni-app
happybasic4 小时前
Python库升级标准流程~
linux·前端·python
川冰ICE4 小时前
前端工程化深度实战:从Webpack5到Vite5的构建工具演进与选型决策
前端
CDwenhuohuo4 小时前
优惠券组件直接用 uview plus
前端·javascript·vue.js
用户74090472362754 小时前
我用 curl 排查了一次 OpenAI-compatible API 连接失败:401、403、404 分别怎么定位
前端