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不允许来源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);
            }
    });
});

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

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);
});