ReactJS 项目，Image 属性的来源返回 CORS 失败答案

【问题标题】：ReactJS Project, Source of the Image property returns CORS FailureReactJS 项目，Image 属性的来源返回 CORS 失败
【发布时间】：2021-12-12 20:03:22
【问题描述】：

在我的 React JS 应用程序方面需要一些帮助，因为我是 React 的新手。

我正在从数据库中获取图像的 url 并将其作为道具传递给卡片布局页面。<img className="card__img" src={product.img} alt="product-img" />
但这不起作用并显示 CORB 错误Cross-Origin Read Blocking (CORB) blocked cross-origin response *https://unsplash.com/photos/1ObeMBhLi0k* with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

我已经处理了与 Express.JS 相关的 CORS，但在使用 React 时遇到了问题。我试过用包“http-proxy-middleware”解决这个问题，但没有奏效。 URL 的格式为“https://unsplash.com/photos/1ObeMBhLi0k”

你们中的任何人都可以提出任何解决方案吗？

【问题讨论】：

标签： reactjs image src cross-origin-read-blocking

【解决方案1】：

从 CDN 加载 React（或其他可能引发错误的库）时，将 crossorigin 属性添加到您的 <img> 标签中

还要确保 CDN 在 HTTP 标头中使用 Access-Control-Allow-Origin: * 进行响应

【讨论】：

嗨，Kamel，谢谢你的建议，但我试过了，但还是不行。 “”。仍然收到错误“从原点'localhost:3000'访问'unsplash.com/photos/1ObeMBhLi0k'的图像已被CORS策略阻止：请求的资源上不存在'Access-Control-Allow-Origin'标头。”这完全是 CDN 问题吗？