Vue Post请求FormData传参

‘Content-Type’：application/x-www-form-urlencoded;

设置请求头

headers: {
‘Content-Type’: ‘application/x-www-form-urlencoded; charset=UTF-8’ // 设置完以后 传入的params对象就会时候用formdata传参的方式
}

把传入的参数转化成正常的参数而不是键值对

import qs from ‘qs’ // axios自带的工具不需要安装npm依赖

axios.post(url,qs.stringify(params), {headers: {‘Content-Type’:‘application/x-www-form-urlencoded’}});
// 到此基本解决。。。`

‘Content-Type’: ‘multipart/form-data’

设置请求头

export const UploadCardInfo = data => Vue.$post(‘${perApi}/card/info/upload?isFile=1`, data,{‘Content-Type’: ‘multipart/form-data’})

请求处理

const formData = new FormData()
formData.append(‘file’, this.ruleForm.file)
formData.append(‘merchantNo’, this.ruleForm.merchantNo)
const res = await webApi.UploadCardInfo(formData)