php vue提交两次,vue axios跨域请求发送两次问题（PHP后端解决）

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

问题：

vue axios跨域请求，在Request Headers加Authorization传递Token时，发现统一请求触发了两次，第一次是OPTIONS请求。第二次才是POST请求。

原因：

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

OPTIONS不传任何参数，导致接口报错， 第二次的POST请求不会正常发送，导致跨域的产生。

解决办法：

header('Access-Control-Allow-Origin:*');

header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Connection, User-Agent, Cookie,token,Uid");

header('Access-Control-Allow-Methods: PUT,POST,GET,DELETE,OPTIONS');

if($this->request->method() === "OPTIONS"){

exit;

}

先对OPTIONS的建议做出处理，如果等于OPTIONS，直接不处理。