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);
					}
				});
			},
相关推荐
米丘14 小时前
Rollup 打包工具
前端
We་ct14 小时前
LeetCode 74. 搜索二维矩阵:两种高效解题思路
前端·算法·leetcode·矩阵·typescript·二分查找
moneyinto14 小时前
Three.js 必背核心方法
前端
wuhen_n14 小时前
Vue3 组件中的图片懒加载与渐进式加载
前端·javascript·vue.js
叫回忆14 小时前
elpis的npm抽离与发布
前端·javascript
wuhen_n14 小时前
Vite 构建层面的图片优化:从压缩到转换
前端·javascript·vue.js
hashiqimiya14 小时前
vue项目组装-路由-文件修改地方
前端·javascript·vue.js
Mike_jia14 小时前
ChatClaw:5 分钟打造你的个人 AI 智能体
前端
CodeSheep14 小时前
王自如公开招聘01号员工,这要求有多离谱?
前端·后端·程序员
亿元程序员14 小时前
“我要验牌”很火吗?我特意写了个Shader去验...
前端