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);
					}
				});
			},
相关推荐
小小怪下士_---_几秒前
uniapp开发微信小程序自定义导航栏
前端·vue.js·微信小程序·小程序·uni-app
前端W2 分钟前
腾讯地图组件使用说明文档
前端
页面魔术4 分钟前
无虚拟dom怎么又流行起来了?
前端·javascript·vue.js
胡gh5 分钟前
如何聊懒加载,只说个懒可不行
前端·react.js·面试
Double__King8 分钟前
巧用 CSS 伪元素,让背景图自适应保持比例
前端
Mapmost9 分钟前
【BIM+GIS】BIM数据格式解析&与数字孪生适配的关键挑战
前端·vue.js·three.js
一涯10 分钟前
写一个Chrome插件
前端·chrome
鹧鸪yy17 分钟前
认识Node.js及其与 Nginx 前端项目区别
前端·nginx·node.js
跟橙姐学代码18 分钟前
学Python必须迈过的一道坎:类和对象到底是什么鬼?
前端·python