Reactjs 访问firebase上的XMLHttpRequest获取cors策略错误

我是新的反应，并试图得到一个图像打印到一个pdf生成在我的系统

然而，我得到了这个错误：

这是我的职责：

pdfGenerate = () =>{
    
     var doc=new jsPDF('landscape','px','a4','false');
     
     var base64Img='https://www.w3schools.com/css/img_5terre.jpg'
     doc.addImage(base64Img,'JPEG',65,20,500,400)
     doc.save('CQMS_IMAGES.pdf')
     console.log("Image:"+base64Img);
     
  }

这是我生成下载按钮的地方：

<Button style={{float: 'right'}} color="primary" size= "sm" onClick= 
              {this.pdfGenerate}>Download Images</Button>

下载图像

我得到了这个错误。怎么解决呢？？

---

访问位于“”的XMLHttpRequesthttps://www.w3schools.com/css/img_5terre.jpg“起源”http://localhost:3000'已被CORS策略阻止：请求的资源上不存在'Access Control Allow Origin'标头。

这不是您的代码错误。 w3schools.com上的服务器告诉您的浏览器，只有在URL栏中存在相同的URL时，才能显示响应。但事实并非如此。您的站点在本地主机上运行

为了防止这种情况发生，你可以下载一个无cors插件。CorsE（适用于Firefox）或在未启用CORS策略的情况下启动Chrome

---

您好，我知道这是正确的，它正在显示。我只是不能要求用户从他的windows中破坏cors。我是否可以编写一些代码来实现这一点？不，这将违反浏览器安全准则。我真的不明白你想建立什么，但是。。。你为什么不把要打印的图像放在自己的服务器上呢？对于同一个域，CORS将不是问题。即使它不是同一个域，只要你能写返回请求的头，你就能让它工作。当你说写返回请求的头时。你是什么意思？如果你打开你的开发工具，进入网络标签，你会看到每个请求都有一个请求头和一个响应头。响应头由服务器设置。如果您运行自己的服务器，您可以自己设置此响应头。如果运行apache服务器，您将启用以下CORS：