AWS Amplify - React Vite - jpeg 图像未加载

Question

我有一个使用 vite 的 React 应用程序。我通过 AWS Amplify 进行托管。在我的应用程序（使用 vite 构建）中，我在

public

目录中存储了三个图像。三个图像之一 (image_1.jpeg) 在本地加载，但在部署后不会加载。另外两个（background.jpg 和 logo.png）工作正常。

my_app/
├─ public/
|  ├─ assets/
|  |  ├─ images/
|  |  |  ├─ image_1.jpg
|  |  |  ├─ image_2.jpeg
├─ src/
|  ├─ pages/
|  |  ├─ Home.tsx

etc... 

Home.tsx

...
<img src="./assets/images/image_1.jpg" /> @* this image works fine *@
<img src="./assets/images/image_2.jpeg" /> @* this imsage doesn't work *@
...

Answer 1

在 GitHub 上查看此问题后，我能够解决我的问题。在 AWS Amplify 中的应用程序设置中，我必须更新现有重写。

旧源值：

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>  

新来源价值：

</^[^.]+$|\.(?!(css|gif|ico|jpg|jpeg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>