调用远程 Web API 时出错

Question

我正在使用网站并访问第三方 api 但出现错误 No 'Access-Control-Allow-Origin' header is present on the requested resource

阿贾克斯：

var headers = new Headers();
    headers.append('Access-Control-Allow-Origin', '*');
    headers.append('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');
    headers.append('Accept', 'application/json');
    headers.append('content-type', 'application/json');
    headers.append('AuthToken', '2948f47085e9d8ecd95bd21ebe024a01516105f9')
    headers.append('Access-Control-Allow-Origin', 'http://localhost:61030/Test.aspx');
    headers.append('Access-Control-Allow-Credentials', 'true');

    $.ajax({
        crossDomain: true,
        type: "GET",
        url: "https://api.travelcloudpro.eu/v1/cache/flyfrom?origin=DEL&pointOfSale=US",
        //headers: { '[{"key":"AuthToken","value":"2948f47085e9d8ecd95bd21ebe024a01516105f9","description":""}]': 'some value' },
        //  header: { 'AuthToken': '2948f47085e9d8ecd95bd21ebe024a01516105f9' },
        header:headers,
        dataType: "json",
        data:{},
        success: function (data) {
            debugger;
            var flightresponse = data;

            //alert($("#city").val());
        }
    });

虽然从邮递员那里调用它工作正常。

我不知道缺少什么，TIA。

如果我将数据类型 json 更改为 jsonp，则会出现此错误：- enter image description here

Answer 1

我猜当您提到“第三方 api”时，您正在向具有不同 IP 地址（或端口号）的服务器发送请求，这在大多数浏览器（如 firefox 和 chrome）中会产生 CORS 错误（跨源资源共享）。

+here you can read more about why it happens.+

您需要添加一个在 +here+ 讨论的 CORS 过滤器。

我不是 .net 程序员，但我希望它可以提供帮助。