reactjs 的 Amazon s3 实现答案

【问题标题】：Amazon s3 implementation for reactjsreactjs 的 Amazon s3 实现
【发布时间】：2016-07-26 17:44:43
【问题描述】：

我想在我的 reactjs 应用程序中使用 Amazon S3 映像。当我使用以下代码时，出现禁止错误：

<img src="http://huddlon.s3.amazonaws.com/profilepictures/profile_pic_1_2016_20_02_21_08_22_928182822.jpg" alt="huddlon" className="avatar"/>

【问题讨论】：

【解决方案1】：

您需要允许匿名用户访问此图像。您可以在 aws 控制台上手动设置：

或者您可以以编程方式进行。参见例如How to do it in Java。如果您的后端是用另一种语言编码的，请在 google 上搜索，您会很容易在网上找到该特定语言的示例。

注意：根据您的 React 项目的托管位置，您可能还需要启用 CORS。 See the aws documentation for a detailed explanation.

【讨论】：

【解决方案2】：

我在 GitHub 上创建了一个概念验证项目，以深入了解在 AWS S3 和 CloudFront 上托管 ReactJS 的几个细节。 The Wiki 应该解释一切。

该项目包括 CloudFormation 模板和示例代码。

【讨论】：