react基于html2canvas实现图片下载以及资源跨域问题的解决

案例：

在React项目中想要实现用户通过弹框以图片的形式下载作品认证信息的功能，在点击显示认证信息时，向服务器请求该作品信息（获取图片路径），之后渲染图片以及相关信息到弹框中（下图绿色部分），点击下载按钮实现下载（下图蓝色部分）。请求来的图片能展示，但是下载时就不能显示了

---

问题：

1、此时打开控制台发现有这样的报错：

× Access to image at '服务器上图片地址' from origin '请求图片的地址' has been blocked by CORS policy： No 'Access-Control-Allow-Origin' header is present on the requested resource

意思就是 > 该请求已被CORS策略阻止：请求的资源上没有 “ Access Control Allow Origin ” 标头。

---

2、同样网络一栏也有 “ CORS错误 ” 的报错