请求一次服务器会显示请求了两次,关于vue中用axios出现两次请求，一次是options请求的问题...

要处理这个问题先要了解cors跨域资源共享,可以到阮大神的微博了解一下。http://www.ruanyifeng.com/blog/2016/04/cors.html

参考：https://segmentfault.com/a/1190000016040998

注：这个问题与用不用axios无关，只是axios在我们项目上使用的比较多，所以大家才以为是axios出现的问题。

前世今生：

产生原因：跨域请求中用了非简单请求(not-so-simple request)，因为axios默认跨域请求Content-Type = “application/json”

啥是非简单请求：非简单请求是那种对服务器有特殊要求的请求，比如请求方法是PUT或DELETE，或者Content-Type字段的类型是application/json。

解决方法：让axios的请求改为简单请求，修改axios的请求字段Content-Type改为'application/x-www-form-urlencoded',请求数据的时候用qs模块进行转化一下。

问题描述：

Vue的开发者都知道axios，很多都用axios来进行数据交互，axios的默认请求头是Content-Type: application/json

使用这个请求头会出现向服务器请求两次的情况

为什么呢？

原因是：浏览器会首先使用 OPTIONS 方法发起一个预请求，判断接口是否能够正常通讯，如果不能就不会发送真正的请求过来，如果测试通讯正常，则开始真正的请求。

大概意思就是：

浏览器对后台说ÿ