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);
					}
				});
			},
相关推荐
北城以北88885 分钟前
ES6(二)
前端·javascript·es6
朕的剑还未配妥19 分钟前
移动端触摸事件与鼠标事件的触发机制详解
前端
墨鱼鱼24 分钟前
【征文计划】Rokid JSAR 实践指南:打造沉浸式 "声动空间盒" 交互体验
前端
携欢27 分钟前
Portswigger靶场之Exploiting a mass assignment vulnerability通关秘籍
前端·安全
什么芋泥香蕉33035 分钟前
比 Manus 还好用?这款国产 AI,让 Python 小白也能玩转编程
前端·后端
为java加瓦36 分钟前
前端学AI:如何写好提示词(prompt)
前端·人工智能·prompt
qq_18417767743 分钟前
前端自动部署项目到服务器
服务器·前端·javascript
非凡ghost1 小时前
猫眼浏览器(Chrome内核增强版浏览器)官方便携版
前端·网络·chrome·windows·软件需求
C2X1 小时前
Vue3.0 学习总结
前端
汤姆Tom1 小时前
CSS 新特性与未来趋势
前端·css·面试