Question

我有一个div，其中包含我从API获取的图片

let newIcon = (query) => {
    return $.ajax({
        url: "https://noun-project-proxy.herokuapp.com/v1",
        method: 'GET',
        data: {
            url: `icons/${query}`,
            params: JSON.stringify({

            })
        }
    }).then(function (response) {

 let image = response.icons[0].preview_url;

 $("#container1").append(`<div><img
 src="${image}"></div>`);

});

图像将显示在localhost上，但是当我部署网站时，我收到错误＆＃34; No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上＆＃34;

我无法弄清楚如何克服这个错误。谁能帮我吗？我尝试过添加crossOrigin =＆＃39;匿名＆＃39;到img但是在已部署的版本和localhost上阻止了图片

Answer 1

我认为您遇到的是CORS - 跨源资源共享。我假设您的电话正在尝试从与您的网站不同的域中加载图片。如果您访问服务器，则可能包括Access-Control-Allow-Origin: *（这将允许所有域访问服务器上的资源，我们不在此处讨论身份验证或授权）或者可能包含Access-Control-Allow-Origin: http://youdomain HTTP响应。 PS：我不能发表评论，因为我还没有50个声誉，因此，答案！

尝试在本地下载图像，收到错误No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上

1 个答案: