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);
					}
				});
			},
相关推荐
路修远i17 小时前
前端单元测试
前端·单元测试
明川17 小时前
Android Gradle学习 - Gradle插件开发与发布指南
android·前端·gradle
不一样的少年_17 小时前
【用户行为监控】别只做工具人了!手把手带你写一个前端埋点统计 SDK
前端·javascript·监控
Cache技术分享17 小时前
270. Java Stream API - 从“怎么做”转向“要什么结果”:声明式编程的优势
前端·后端
king王一帅17 小时前
AI 时代真正流式解析+渲染双重优化的 Incremark
前端·ai编程·markdown
aesthetician18 小时前
用铜钟听歌,发 SCI !
前端·人工智能·音频
Mike_jia18 小时前
LogWhisperer 全解析:打造你的Linux服务器AI日志分析中枢
前端
网安Ruler18 小时前
崭新出厂,自研CipherForge小工具,攻破 D-Link M30 固件加密
前端·网络·python
daxiang1209220518 小时前
记一次前端请求报错:Content-Length can‘t be present with Transfer-Encoding,+Cursor使用教训
前端·cursor
武清伯MVP18 小时前
深入了解Canvas:HTML5时代的绘图利器(二)
前端·html5·canvas