如何通过 React 前端为无服务器应用程序使用自定义域？答案

【问题标题】：How to use custom domain for Serverless app with React frontend?如何通过 React 前端为无服务器应用程序使用自定义域？
【发布时间】：2021-04-27 15:02:00
【问题描述】：

我完成了 Udacity 云开发者纳米学位，我想制作一个自定义域来展示我的作品集。

我使用的堆栈包括：Api Gateway、Lambda、DynamoDB、Nodejs、S3 和 Serverless 框架。前端是：React。

但是，我一直在理解如何使用 React 前端部署完整的应用程序？

类似：anc.com 会导航到我的应用。我发现很多解决方案都提到了使用 serverless-domain-manager。

但是我的 React 前端呢？我读到一些解决方案说使用 S3 部署静态 Web。

但我的应用目前有 S3 来存储上传的图片。

如果我使用 S3 部署我的前端，我是否必须制作 2 个 S3 存储桶？

目前，我必须使用 2 个终端，SLS deploy 用于后端，npm run start 在 localhost 上运行前端。

【问题讨论】：

您可以在 netlify 上托管您的 react 应用，并将自定义域关联到您的 react 应用，并使用来自您的 react 应用的 api 请求访问您的 node js 应用
@angelo 嗨。谢谢您的回答。你知道任何关于如何在 netlify 上托管和从 react 应用程序访问 nodejs 应用程序的媒体或教程吗？
在 netlify 上托管很容易，您可以关注此博客 freecodecamp.org/news/…
为了使用 react with node，您可以使用 axios 从前端向后端的 url 发出 http 请求。

【解决方案1】：

Serverless 团队还发布了一个名为 components 的工具，其中一个看起来非常适合您想做的事情；它会自动处理云上的所有内容以托管您的 React 文件并分配域：https://github.com/serverless-components/website

【讨论】：

感谢您的回答。我有 1 个后续问题。我需要一个 S3 存储桶来部署带有无服务器组件的前端。我是否必须创建第二个 S3 存储桶，因为我现在已经有 1 个存储桶用于存储上传的图像。
这会自动为您创建一个全新的 S3 存储桶，因此您无需亲自在 AWS 中创建任何内容。