程序员经验分享-hwhale

如何将 create-react-app 部署到 Google Cloud

2023-11-26

我有一个前端 create-react-app 和一个使用 Expressjs 的后端 API。

我成功地将后端 API 部署到 Google App Engine。

但现在我需要将 create-react-app 部署到 Google Cloud，这变得非常混乱，我尝试谷歌了一段时间，但没有真正/推荐的方法。

至少我看到其他人建议用两种方式来做：

  1. 使用谷歌云存储：

    • 运行“npm run build”以创建“build”文件夹

    • 将整个文件夹上传到存储桶中

=> 我发现使用这种方式有一个缺点：当我尝试重新加载页面“url/aboutUs”时，找不到它。所以我必须返回“url”，然后单击“关于我们”链接

=> 我猜我正在使用的 React Router 无法与 Google Cloud Storage 配合使用

  1. 使用谷歌应用程序引擎

=> 人们刚刚谈论过使用它，但我找不到任何相关指南/教程。

那么将 create-react-app 部署到 Google Cloud 的推荐方法是什么？

您能提供一个教程吗？

Thanks.


您只需配置 Cloud Storage 存储桶即可serve index.html如404页面.

enter image description here

对于 Google App Engine，您可以使用serve或设置nginx to serve index.html在构建文件夹中.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

如何将 create-react-app 部署到 Google Cloud 的相关文章

  • OpenAI Gymnasium，有没有算法支持的库？

    OpenAI 发布了一个名为 Gymnasium 的新库 它应该取代 Gym 库 有许多库都实现了支持健身房环境的强化学习算法 但是 Gymnasium 的界面略有变化 有没有支持 Gymnasium 的算法库 我尝试了 CleanRL K

  • 将 cron 作业配置为在 Jenkins 上每 15 分钟运行一次

    如何在 Jenkins 上每 15 分钟运行一次 cron 作业 这是我尝试过的 在 Jenkins 上 我使用以下 cron 语法设置了每 15 分钟运行一次的作业 14 但该作业每小时执行一次 而不是 15 分钟 我收到有关 cron

  • 为什么没有参数的函数（与实际函数定义相比）可以编译？

    我刚刚看到某人的 C 代码 我很困惑为什么要编译它 有两点我不明白 The 函数原型与实际函数定义相比没有参数 中的参数函数定义没有类型 include

  • Thymeleaf Spring 安全集成 sec：授权不起作用

    我正在使用带有 Spring security 的 Thymeleaf 模板引擎 我还使用 Thymeleaf Spring Security 集成模块来使用 sec authorize 功能 但由于某种原因它不起作用 我没有收到任何错误

  • 在 pip 中为 Flask 应用程序构建 docker 映像失败

    from alpine latest RUN apk add no cache python3 dev pip3 install upgrade pip WORKDIR backend COPY backend RUN pip no cac

  • 类型铸造自我

    以下自我转换对 ClassA 有何作用 这种种姓可以让你进入ClassA吗 A h类 interface ClassA NSObject NSUInteger someNumber ClassB classB property nonato

  • 用于高级搜索/过滤的.Net Web API URL 约定

    我对 Microsoft 的 REST 和 WebAPI 比较陌生 我们正在实现一个中心 REST 服务 它将容纳多种类型的对象获取和设置 作为该项目的领导者 我的任务是提出我们正在使用的正确的 Uri 设计 我想知道关于战争什么想法更好

  • 你遇到过哪些 git 陷阱？

    我遇到的最糟糕的情况是 git 子模块 我在 github 上有一个项目的子模块 该项目无人维护 我想提交补丁 但无法提交 所以我分叉了 现在子模块指向原始库 而我需要它指向 fork 因此 我删除了旧的子模块 并将其替换为同一提交中新项目

  • MsBuild 在 Visual Studio Online 上找不到恢复的 NuGet 包

    我尝试构建一个存储在 Visual Studio Online 上的外部 GIT 存储库中的解决方案 它有以下步骤 1 Git 恢复 有效 2 NuGet 恢复 有效 3 构建 不起作用 查看日志时我的第一个猜测是 MsBuild 没有查找

  • 将文件附加到 PHPMailer

    我目前正在开发一个项目 该项目将文件作为 blob 存储在数据库中 我需要将文件附加到电子邮件并通过 PHPMailer 发送出去 我熟悉 mail gt addAttachment 但是 这个函数似乎只接受文件路径 而我没有 我想知道是否

  • Gitflow错误无法初始化

    我已经将 gitflow 安装在我的 github 项目所在的目录中 但是 当我尝试使用命令 启动时git flow init 我收到以下错误消息 git flow init C cygwin64 usr local bin gitflow

  • 从哪里开始阅读 SQLite 源代码？ [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想了解sqlite是如何实现的 并且 想阅读源代码 我已经下载了源代码 我应该开始查看代码的哪一部分 SQLite文档页 http

  • 获取css规则、chrome扩展

    我正在开发 Chrome 扩展程序 它需要访问document styleSheets cssRules 它在某些网站上运行良好 例如w3school 但其他人则不然 比如堆栈溢出 我收到错误 Failed to read the cssR

  • 获取长度为 n 的所有（n-选择-k）组合

    我怎样才能获得长度的所有组合 按顺序 n从数字列表中 例如 给定列表 1 2 3 4 并设置n 3 我怎样才能得到这些结果 1 2 3 1 2 4 1 3 4 2 3 4 For combinations of all possible l

  • 使用 Javascript 删除字符串的最后一个字符

    我有一个DIV与一些字符 如何在每次单击时删除文本中的最后一个字符DIV itself 删除第一个字符 div on click function this text function index text return text repl

  • AddressAccessDeniedException ：无需 netsh 即可解决它？

    我遇到了异常AddressAccessDeniedException因为我的processus没有注册URL的权限 我首先以管理员身份运行我的程序 好的 它成功了 但我现在想要分发我的应用程序 并且我希望每个用户都能够运行它 而不必成为管理

  • 如何在 iOS 11 上的 Swift 中获取 FLAC 文件元数据？

    我需要获取 FLAC 文件的元数据 我尝试了以下代码 let item AVPlayerItem url URL fileURLWithPath path let commonMetadata item asset commonMetada

  • 每组最大 n 个 SQL 查询的高性能方法

    我正在尝试构建一个基础设施 以便根据需要快速运行回归 从包含我们网络服务器上所有历史活动的数据库中提取 apache 请求 为了通过确保我们仍然回归来自较小客户的请求来提高覆盖范围 我想通过为每个客户检索最多 n 个 为了这个问题 假设 1

  • 将笔记本生成的 HTML 片段转换为 LaTeX 和 PDF

    在我的笔记本里有时会有 from IPython display import display HTML display HTML h3 The s is important h3 question of the day 但当我后来将笔记本

  • GetActiveObject() 与 GetObject() -- MK_E_UNAVAILABLE 错误

    All 我在将一些 VBA 代码转换为 C 时遇到一些问题 我们有一个充当本地 COM 服务器的第 3 方应用程序 在我们使用的VBA代码中获取对象 获取对现有对象的引用 e g Set appHandle GetObject ProgId

随机推荐

  • iPhone 事件套件：以编程方式创建 EKCalendar？

    我想在我的应用程序中插入事件 以便可以在 iPhone Calendar app 中查看它们 但由于我不想将用户事件与应用程序中的事件混合在一起 所以我想创建一个像 MyApp Events 这样的 EKCalendar 这可能吗 否则您将

  • 通过单个 API 调用获取包含见解的帖子 - Facebook Graph API

    我想知道是否有一种方法可以通过一次 API 调用获取最近 10 篇帖子及其一些见解 反应 影响力 观点等 目前我正在做的是获取最近 10 篇帖子并循环浏览他们的 ID 以获取他们的见解 但这会减慢请求速度 我期待这样的回应 posts da

  • 测试深层对象结构中属性的存在性

    在 javascript 中 假设我想访问对象深处的属性 例如 Entry mediaGroup 0 contents 0 url 在该结构的任何点上 属性都可能未定义 因此可能无法设置 mediaGroup 简单的说法是什么 if ent

  • PHP 获取标头不适用于 -

    我正在尝试获取 URL 标头的输出 它非常适合子域示例 subdomain example com 我将收到正常消息 HTTP 200 ok 等 但如果子域有 其中标题中不显示任何内容 test tumblr com or test tum

  • css / js 中的自动换行

    我正在寻找一种跨浏览器的方式来包装具有预定宽度的 div 内部没有中断空格 例如长 URL 的长文本部分 以下是我在网上找到的一些解决方案及其原因don t为我工作 溢出 隐藏 自动 滚动 我需要整个文本在不滚动的情况下可见 div 可以垂

  • 同一数据上的多个轴

    我试图在相同的数据上使用两个轴 数据有几个DefaultTableXYDatasets 情节是一个XYPlot 我有两个XYLineAndShapeRenderers和一个StackedXYAreaRenderer2 y 值的所有数据均以米

  • 按（逆）时针顺序排列凹多边形顶点？

    我有一组无序的顶点 可能形成一个凹多边形 现在我想按顺时针或逆时针顺序排列它们 答案在这里建议采取以下步骤 找到多边形中心 计算角度 按角度对点排序 这显然仅适用于凸多边形 当点形成凹多边形时就会失败 我怎样才能对凹面做到这一点 我正在使用

  • 除非打印出来，否则值不会在 while 循环中更新[重复]

    这个问题在这里已经有答案了 好的 所以我有一个监视线程 它检查 ArrayList 的大小 并在该大小大于某个数字后执行某些操作 我现在遇到的问题是大小值永远不会更新 除非我的循环中有打印语句 这是一些代码来展示我到底要做什么 while

  • python中多条线的最近交点

    我需要一个好的算法来计算最接近 python 中的线集合的点 最好使用最小二乘法 我发现这篇关于 python 实现的文章不起作用 在Python中使用最小二乘法找到多条线的中心 我在 Matlab 中发现了这个资源 每个人似乎都喜欢 但我

  • 以编程方式在 Android 屏幕上移动鼠标指针

    我正在开发一个 Android 应用程序 我想在 Android 平板电脑上移动 鼠标 指针 光标 我知道这是可能的 因为当我将鼠标 USB 或 BT 连接到 Android 平板电脑 Honeycomb 时 会出现一个光标 并且我可以仅使

  • 如何在kotlin android中将base64字符串转换为图像

    我有一个表示位图图像的 Base64 字符串 我需要再次将该字符串转换为位图图像 以便在我的 Android 应用程序中的 ImageView 上使用它 怎么做 您可以使用此代码进行解码 val imageBytes Base64 deco

  • Ruby：Titleize：如何忽略较小的单词，如“and”、“the”、“or”等

    def titleize string string split map word word capitalize join end 这给每个单词起了标题 但是我如何捕获某些我不想大写的单词呢 即 杰克和吉尔 并且请不要使用正则表达式 UP

  • `const &&` 是否绑定到所有纯右值（和 xvalues）？

    C 标准定义了以下删除的函数 template

  • 使用 php 使用 WebService

    任何人都可以给我一个如何使用 php 使用以下 Web 服务的示例吗 http www webservicex net uszip asmx op GetInfoByZIP 这是一个使用curl 和GET 接口的简单示例 zip 97219

  • 正则表达式还是异常处理？

    以下哪一项是检查字符串是否浮动的更好做法 try Double parseDouble strVal catch NumberFormatException e My Logic or if strVal matches d d My Lo

  • 需要使用正则表达式对字符串执行通配符（*、？等）搜索

    我需要执行通配符 等 搜索字符串 这就是我所做的 string input Message string pattern d Regex regex new Regex pattern RegexOptions IgnoreCase if

  • 使用电话号码获取来电国家/地区名称？ [复制]

    这个问题在这里已经有答案了 您好 有什么方法可以在 Android 手机上获取来电的国家 地区名称吗 Using 库电话号码 public String convertPhoneNumber String phoneNumber Phone

  • 使用 Zend_Db 时如何将值设置为 NULL

    当使用 Zend Db 执行 UPDATE 和 INSERT 查询时 我经常需要将值设置为 NULL 而不是 然而 Zend Db insert 和 Zend Db update 的默认行为似乎是将空值转换为空字符串 并按原样放入数据库中

  • 多次使用@Autowired

    我对春天很陌生 所以我可能会问一些愚蠢的问题 但无论如何 我已经构建了 Spring MVC 4 0 应用程序 我的设置是这样的 控制器 gt gt 服务 gt gt DAO 在控制器级别我使用大约 4 到 5 个不同的 Autowired

  • 如何将 create-react-app 部署到 Google Cloud

    我有一个前端 create react app 和一个使用 Expressjs 的后端 API 我成功地将后端 API 部署到 Google App Engine 但现在我需要将 create react app 部署到 Google Cl

热门标签