vue axios跨域请求发送两次问题

问题:

vue axios跨域请求,在Request HeadersAuthorization传递Token时,发现统一请求触发了两次,第一次是Request Method: OPTIONS请求。

原因:

跨域请求时,浏览器会首先使用OPTIONS方法发起一个预请求,判断接口是否能够正常通讯。如果通讯异常,则不会发送真正的请求,如果测试通讯正常,则开始真正的请求。

解决方法:

后台:判断请求方式是OPTIONS,则不处理;

6515740-f81e77361043d55b.png
预请求

6515740-c9fb0f44067155e7.png
发送真正请求

6515740-0e31fe3356dbe37b.png
后台对预请求不处理

猜你喜欢

转载自blog.csdn.net/weixin_34245082/article/details/86845096