后台需要前端发送fromData类型数据进行接口请求,使用VUE设置请求类型和数据处理。
// 编辑订单备注
export const editOrderRemark = data => {
return request({
method: 'POST',
url: '/lh/order/remark/edit',
data,
headers: { // 设置请求头
'Content-Type': 'application/x-www-form-urlencoded'
}
})
}
async orderRemark() {
const params = new URLSearchParams() // 创建URLSearchParams数据对象
params.append('orderNo', this.orderNo) // 将请求字段追加到URLSearchParams对象中
params.append('remark', this.textArea)
const { data } = await editOrderRemark(params)
if(data.code !== 200) return this.$message.error(data.msg)
this.$message.success(data.msg)
}
}
- 请求头设置成功,发送formData类型数据成功!
- 当需要传到后台的FormData 对象字段过多时,可以使用循环 append 添加字段
let formData = new FormData()
for(let key in this.addClientPackageForm) {
formData.append(key, this.addClientPackageForm[key])
}