javascript - 在 api 上进行 jquery ajax 请求时出现 CORS 错误

Question

我正在使用 jQuery ajax 向某些 API 发送请求。由于 CORS 政策，我在浏览器的控制台上收到 CORS 错误

代码如下

$.ajax({
        url: sendHere,//api url
        type: 'GET',
        contentType: 'text/plain',
        crossDomain: true,
        beforeSend: function(xhr){
            xhr.withCredentials = true;
        },
    }).done(function (result) {

        console.log(result);

    }).error(function (err) {
        //console.log(err);
    });

错误

“Access-Control-Allow-Origin” header 出现在请求的资源上。产地' http://www.mywebsite.com ' 因此不允许访问。

我试图通过安装 chrome 扩展来启用允许跨源请求来解决这个问题。这个扩展以某种方式解决了我的问题并得到了 api 的响应。但是安装扩展并不好。

我也尝试使用 JSONP(dataType:'jsonp') 发出请求，但 api 给出的响应不是 json 格式，它是字符串，所以它给出了错误。

使用 JSONP 编码

$.ajax({
        url: sendHere,//api url
        type: 'GET',
        crossDomain: true,
        dataType:'jsonp',
    }).done(function (result) {

        console.log(result);

    }).error(function (err) {
        //console.log(err);
    });

Uncaught ReferenceError :E0002 未定义其中“E0002”是来自 api 的响应字符串

!!!请帮忙!!!

Answer 1

有2种情况——

1. 如果您可以控制 api 代码，那么

   在标题中进行更改并添加您的来源。

2. 如果您无法控制更改来自应用程序

   您只有一个选择，即用您喜欢的任何语言创建后端代码(您自己的 api)，以发出 http 请求并获取数据。现在使用您自己的 API 在您的前端获取数据。