Post 请求头为 form-data 的发送

前言

后端提供的一个接口请求头 Content-Type 需要设置为 multipart/form-data，这种数据类型一般都是在传输文件的时候会用到的（但需求并不需要发送文件，只是普通请求，处理方法其实和传文件一样），而浏览器默认的请求数据类型是 application/json，这样发送请求后端会无法解析。

解决方法

主要是请求参数和 config 需要更改

axios.post(url, params, config)

// 原本的数据
const data = {	
	key1: 'aaa',
	key2: 'bbb',
}

// 封装成 formdata
const formData = new FormData();
formData.append('key1', data['key1']);
formData.append('key2', data['key2']);
// 请求头配置
const config = {
	headers: {
	"Content-Type": "multipart/form-data",
	}
}

// 发送请求
axios.post(url, formData, config).then(res => console.log(res))