在Vue应用中，跨域请求时浏览器会自动发送OPTIONS预检请求以确认接口是否允许。为了减少请求次数，可以采取两种方法：1) 使用qs库将参数转化为Form Data，使请求变为简单请求；2) 利用GET请求，避免非简单请求。对于有Node.js后端的项目，可以在服务器端进行拦截，但浏览器仍会发起OPTIONS请求。
当你跨域访问接口的时候，会发现你的接口请求了两次，然后仔细对比一下会发现请求类型并不一致，一个是OPTIONS，另一个是你的POST请求。事情是这样发生的，当浏览器发现你准备跨域进行非简单请求的时候（有关简单请求说明请移步https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Simple_requests），他会自发的发出一个OPTIONS请求进行预检查，用来判断这个接口后台是否允许访问，如果行，那就会把你真正的请求发出去，如果不行，那就到此为止了。
如下图所示，这个时候你的跨域非简单请求已经触发了浏览器的OPTIONS预检查，这个时候我们还是有方法去拦截OPTIONS的。（为了减少请求的次数我们需要拦截OPTIONS预检）
第一种方法就是在npm上下载一个qs模块，只要把你的参数用qs.stringify包装一下就行了。我们可以发现，和之前的POST请求相比，他的请求参数格式变成了Form Data
最低0.47元/天 解锁文章
扫一扫
2100
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
