调用一次接口发送两次请求--多出来的OPTIONS

虽然知道请求种类有 HEAD、GET、PUT、POST、DELETE、OPTIONS等,但是基本上用到的大多都是GET、PUT、POST、DELETE。前几天查看network请求时意外发现本地环境跑公司项目的时候,每次POST之前,都偷偷给我来一次没有返回的OPTIONS请求。

调用一次接口发送两次请求--多出来的OPTIONS_第1张图片
询问了大佬、查了资料。原来在 CORS-跨域资源共享 中,可以使用 OPTIONS 方法发起一个预检请求,以检测实际请求是否可以被服务器所接受。预检请求报文中的 Access-Control-Request-Method 首部字段告知服务器实际请求所使用的 HTTP 方法;Access-Control-Request-Headers 首部字段告知服务器实际请求所携带的自定义首部字段。服务器基于从预检请求获得的信息来判断,是否接受接下来的实际请求。览器先询问服务器,当前网页的域名是否在服务器的许可名单之中,及可以使用哪些HTTP动词和头信息字段。只有得到肯定答复,浏览器才会发出正式的XMLHttpRequest请求,否则就报错。

调用一次接口发送两次请求--多出来的OPTIONS_第2张图片

当你的Content-Type设置为“application/json;charset=utf-8”并自定义请求头可能就会导致这种情况。但并不会产生什么影响。

你可能感兴趣的:(Vue项目)