4

嗨,我正在使用一个检索图像 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,因为它在本地加载。我在某处犯了一个简单的错误吗?

4

2 回答 2

9

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

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

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

于 2021-01-24T13:44:17.523 回答
5

I appreciate Ammar T.'s answer, but I just add some cherry to his answer. So if your binary file extension is something else, which is not available in the

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

this, then just add that extension into it. i.e I was using a .jpeg file, so for me I had to modify it into

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

this.

Thanks

于 2021-06-20T19:19:01.487 回答