第一种方式:application/json-会发送options请求
json格式数据提交,提交格式如下
使用方法:
设置默认请求头的Content-Type属性:
axios.defaults.headers['Content-Type'] = 'application/json';
第二种方式:application/x-www-form-urlencoded-不会发送options请求
表单格式数据提交,提交格式如下:
使用方法:
注意:此格式需要借助第三方库qs转义,否则调用后台接口会报错
1.首先安装并引入qs
安装:cnpm i qs -S
引入:import qs from "qs"
2.设置默认请求头的Content-Type属性:
axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'
3.在请求拦截中对数据进行处理(注意:一般文件上传使用FormData格式,所以需要判断传递的数据是不是FormData格式,如果是的话不做处理)
axios.interceptors.request.use(config => {
if (Object.prototype.toString.call(config.data) !== '[object FormData]') {
config.data = qs.stringify(config.data)
}
return config
})
注意:
有时使用application/x-www-form-urlencoded格式发送请求接口能够正常返回,而使用application/json格式发送请求会报错;通过和后端小伙伴共同研究,最终发现是因为后端没有去处理options请求,application/x-www-form-urlencoded格式发送数据不会发送options请求,所以接口请求正常,而application/json格式发送请求会有一个options预检请求;