javascript - 为什么我的提取请求被调用两次？

Question

API = {
    get_processed_autodesk_results : function(){
            fetch('/api/results', {
                method: 'get',
                headers: {
                    'Accept': 'application/json, text/plain, */*',
                    'Content-Type': 'application/json'
                }
            }).then(res=>res.json())
            .then(function(res) {
                console.log(res);   

            });
    }
} 

setInterval(API.get_processed_autodesk_results,5000);

这是我的代码。我检查控制台，发现获取请求每 5 秒执行两次。我不明白为什么会发生这种情况。有人可以帮忙吗？提前致谢

Answer 1

您看到的附加提取请求是一个 OPTIONS 请求(飞行前请求)，该请求在请求中传递 header 时发生。

Excerpt from MDN :

Unlike “simple requests” (discussed above), "preflighted" requests first send an HTTP request by the OPTIONS method to the resource on the other domain, in order to determine whether the actual request is safe to send. Cross-site requests are preflighted like this since they may have implications to user data.

您可以测试带有或不带有 header 的请求，并通过在此处检查开发人员工具来查看会发生什么:

https://jsfiddle.net/219n4a0b/