在 aws S3 上托管反应应用程序

Question

我正在尝试将我的静态应用程序托管在 aws s3 存储桶上。我已将构建文件夹文件放入存储桶中。看起来是这样的

但是当我访问 .s3-website..amazonaws.com 时，会下载 index.jade 而不是打开 webapp。

我按照这个教程https://www.fullstackreact.com/articles/deploying-a-react-app-to-s3/

如何让我的网络应用正常工作？

更新：

当我将 index.jade 的内容类型更改为 text/html 时，浏览器会显示这样的 html 文本

这是我在 aws 控制台中编辑元数据键的方法

现在没有下载。但是仍然没有提供网页。

Answer 1

您需要在 S3 存储桶上启用静态站点托管。为 Amazon S3 存储桶启用网站托管

1. 登录 AWS 管理控制台并通过 https://console.aws.amazon.com/s3/ 打开 Amazon S3 控制台。

2. 在列表中，选择要用于托管网站的存储桶。

3. 选择“属性”选项卡。

4. 选择静态网站托管，然后选择使用此存储桶托管网站。

5. 系统会提示您提供索引文档和任何可选的错误文档以及所需的重定向规则。

确保将您的存储桶 ACL 保持为公开状态。您还需要将您的玉文件解析为 html。