首页 > 解决方案 > React 图像在本地加载,但不在 AWS Amplify 上

问题描述

嗨,我正在使用一个检索图像 URL 的 API。然后,我尝试将该 URL 传递到标记中,如下所示:

<img class="img-fluid" src={this.state.representatives[i].pic}/>

在当地我遇到

本地服务器

但是当我尝试在 AWS Amplify 上使用该应用程序时,我遇到了:

在此处输入图像描述

我尝试将 URL 硬编码到应用程序中,但它返回相同的错误。我真的很困惑从这里去哪里。

例如,从 API 中为 Mark Warner 提取的图像 URL 是http://bioguide.congress.gov/bioguide/photo/W/W000805.jpg

我知道我并没有弄乱这个 URL,因为它在本地加载。我在某处犯了一个简单的错误吗?

标签: javascriptreactjsamazon-web-servicesecmascript-6amplify

解决方案


转到App Settings -> Redirects and Rewrites并更改

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

键入从 200(重写)到 404(重写)


推荐阅读