javascript - 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,因为它在本地加载。我在某处犯了一个简单的错误吗?
解决方案
转到App Settings -> Redirects and Rewrites并更改
源地址:</^[^.]+$|.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+ $)/>
键入从 200(重写)到 404(重写)
推荐阅读
- c++ - 使用带有 opt 的 pass “-targetpassconfig” 获取错误
- reactjs - How to render header component in order to show current user?
- android - In Android Compose, is it possible to always play an AnimatedVectorResource forwards?
- c - 偶数乘法的 C 代码返回 0
- r - How to calculate correlation values and statistical p-values in R
- reactjs - CORS problem rises when I embed my Unity App inside a React App
- python - keep only specific values from a dataframe
- html - How to set the row size of a jquery minimal rich text editor plugin
- flutter - 如何从另一个脚本获取变量的更新值到 main.dart
- python - 子图中的轴限制