在 firebase 访问 XMLHttpRequest 获取 cors 策略错误

Question

我是新手，我正在尝试将图像打印到系统中生成的 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>

我收到此错误。怎么解决？？ 从源“http://localhost:3000”访问“https://www.w3schools.com/css/img_5terre.jpg”的 XMLHttpRequest 已被 CORS 策略阻止：没有“Access-Control-Allow-Origin”标头存在于请求的资源上。

Answer 1

这不是您的代码错误。 w3schools.com 的服务器告诉您的浏览器，只有在 url 栏中存在相同的 URL 时才能显示响应。哪个不是。您的网站在 localhost 上运行。

为防止这种情况发生，您可以下载 no-cors 插件。 CorsE（对于 Firefox）或在未启用 CORS-Policy 的情况下启动 Chrome https://alfilatov.com/posts/run-chrome-without-cors/