Javascript 试图在本地下载映像，错误号为'；访问控制允许原点'；请求的资源上存在标头

我有一个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>`);

});

let newIcon=（查询）=>{
返回$.ajax({
url:“https://noun-project-proxy.herokuapp.com/v1",
方法：“GET”，
数据：{
url:`icons/${query}`，
params:JSON.stringify({
})
}
}).然后（功能（响应）{
让image=response.icons[0]。预览\u url；
$（“#container1”）.append（``）；
});

映像将显示在localhost上，但当我部署站点时，会出现错误“请求的资源上不存在“Access Control Allow Origin”头”

---

我不知道如何克服此错误。有人能帮我吗？我尝试将crossOrigin='anonymous'添加到img中，但这会阻止部署版本和本地主机上的图片。我想您遇到的是CORS-跨源资源共享。我假设您的呼叫是试图从非本地域加载映像与您的相同。如果您访问服务器，您可能会包括

访问控制允许源代码：

（这将允许所有域访问服务器上的资源，我们这里不讨论身份验证或授权）或者可能是

访问控制允许源代码：http://youdomain

在您的HTTP响应中。

---

PS：我不能留下评论，因为我还没有50个声誉，因此，有一个答案！

这是一个web服务器问题-你的服务器是什么？这似乎是关于你没有展示的ajax调用。我编辑了我的帖子来添加ajax调用。我只是感到困惑，因为我得到的响应是在本地主机上工作，而不是在我使用f部署它时我有点困惑，我应该在哪里包括访问控制允许源代码：*在我的代码中？我不能保证CORS是否是一个问题，但听起来似乎是。你需要在服务器端进行更改。如何做到这一点？好吧，这取决于你在web服务器上使用的技术。这个答案解释道，通过MindingData检查这个答案如何在ASP.NET核心WebAPI上启用CORS。