使用index.html在AWS Cloudfront上托管React网站

问题描述 投票:0回答:1

我目前正在学习如何在React上开发网站,并且我已经构建了一个网页。我运行 npm run build 来获取 index.html 文件,当我打开 index.html 文件时,它会作为空白页面打开,所以我在其他地方看到您必须使用 npm run-script deploy 来获取 localhost url和网络网址,这些都有效。但我现在的问题是,当我将文件上传到 AWS S3 存储桶并将其托管在 AWS Cloudfront 上时,它使用 index.html 文件,并在我使用 URL 时再次显示为空白页面。我该如何解决这个问题?我是否应该使用其他文件以使其不为空?我应该添加一些东西到index.html来加载react项目的其他组件?谢谢。

reactjs amazon-web-services amazon-s3 web amazon-cloudfront
1个回答
0
投票

有一种便捷的方式将 SPA 部署到 S3 和 CloudFront,并轻松在云上设置基础设施! 它称为 SWS Console Quick Cloud Architecture Builder 服务。只需几个简单的输入,您就可以控制 AWS 资源。请参阅下面的文档!

使用 SWS 控制台快速云架构构建器使前端部署变得简单

使用 S3 和 CloudFront 将 SPA(React、Vue 等)项目部署到 AWS 时,需要执行一些复杂的任务,例如在 S3 上设置静态 Web 托管并将存储桶链接到 CloudFront。不如使用 Sws Console 服务,它为您的 SPA 项目构建 S3 静态 Web 托管 + CloudFront 的 AWS 云架构,而无需担心这些任务?请参考下面的文档,尝试使用Sws Console Quick Builder工具快速构建AWS架构!

使用 SWS 控制台快速云架构构建器使前端部署变得简单

进入Sws控制台服务页面

© www.soinside.com 2019 - 2024. All rights reserved.