在 MUI Avatar 中使用在线图像？

Question

我正在尝试将 Material UI 的Avatar与网站外部的图像一起使用。

<Avatar
   src={'http://localhost:3030/images/a/1651325908227-Capture.PNG'}
/>

如果我尝试使用在线源（不是我的本地服务器），似乎没问题：

<Avatar
   src={'https://mui.com/static/images/cards/basement-beside-myself.jpeg'}
/>

网站上的其他图像从同一后端正确加载。

Answer 1

首先，您应该检查开发工具>网络选项卡上的错误，您可以看到那里发生了什么（因为您不提供错误图像，所以我看不到错误）

您的问题有几种可能的情况，要么图像不存在，要么被cors阻止

1. 如果被cors屏蔽了，可以在浏览器中安装cors扩展来允许cors

2. 如果错误为 404，则表示您的 localhost:3030 服务器中不存在该图像