图片未在 <img> 标签内加载，但在浏览器上加载正常答案

【问题标题】：Image not loading within <img> tag but loads fine on browser图片未在 <img> 标签内加载，但在浏览器上加载正常
【发布时间】：2022-01-26 02:02:16
【问题描述】：

<img
    className="playerImg"
    alt={fullName}
    src="http://nhl.bamcontent.com/images/headshots/current/168x168/8447400.png"
/>

src URL 在我的浏览器中可以正常工作，但在我的 React 应用程序中却不行注意：“fullName”是我传递的一个道具，它可以很好地加载值

【问题讨论】：

当你运行你的 react 应用程序时，是否会出现关于图像的任何特定错误？
看起来图像位于不安全的服务器上，因此您将获得一个 HTML 页面，而不是询问您是否要继续。你会在你的开发工具中看到这个错误。
谢谢，Andrew 和 Andy，我最终检查了 NHL 官方页面，发现他们从哪里得到了他们的图片，我用这个作为源代码，例如 cms.nhl.bamgrid.com/images/headshots/current/60x60/8479414.jpg

【解决方案1】：

通过检查他们的网站找到了 NHL 使用的实际 src URL，以此为例 https://cms.nhl.bamgrid.com/images/headshots/current/60x60/8479414.jpg

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。