Vue Post请求FormData传参

• 'Content-Type'：application/x-www-form-urlencoded;
• • 设置请求头
  • 把传入的参数转化成正常的参数而不是键值对
• 'Content-Type': 'multipart/form-data'
• • 设置请求头
  • 请求处理

‘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. p o s t ( ‘ post(` 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)