axios请求的两种发送数据格式

第一种方式：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预检请求；