Basecamp API 请求导致 Access-Control-Allow-Origin 错误

Question

我正在尝试从 Chrome 扩展程序向 Basecamp 执行 AJAX 请求以进行身份​​验证，以便我可以提取任务。我已将 https://site.basecamphq.com 添加到 manifest.json 中的权限中。但是，当执行此函数时，我会在控制台中看到以下内容：

XMLHttpRequest 无法加载 https://site.basecamphq.com。 Access-Control-Allow-Origin 不允许 Origin chrome-extension://0123456789

$("#login").click(function()
{
    $.ajax({
        type: "GET",
        dataType: 'html',
        url: "https://site.basecamphq.com",
        username: "username",
        password: "X",
        success: function(data){
            $("#example").append(data);
            }
    });
});

我也将 https://*/ 添加到我的 manifest.json 权限中，但没有运气。

Answer 1

您需要使用后台页面从内容脚本执行 AJAX 请求。

后台页面代码：

chrome.extension.onRequest.addListener(function(request, sender, callback) {
     $.ajax({
        type: "GET",
        dataType: 'html',
        url: request.url,
        username: "username",
        password: "X",
        success: callback
    });
});

内容脚本代码：

chrome.extension.sendRequest({'url': 'https://site.basecamphq.com'}, function(data) {
    $("#example").append(data);
});