文章/答案/技术大牛

发布

社区首页 >问答首页 >使用React的AWS S3桶:我的React有可能是部分静态的？

问使用React的AWS S3桶:我的React有可能是部分静态的？
EN

Stack Overflow用户

提问于 2021-12-17 05:31:55

回答 1查看 522关注 0票数 0

我想用AWS CloudFront和S3桶托管我的反应前端。

目前，我的应用程序部署在一个EC2实例中，下面是大纲：

前端:在端口80上运行的React应用程序。当用户转到https://myapp.com时，请求被定向到my-ec2-instance:80。

后端:表示运行在端口3000上的JS。当用户在浏览器中加载前端时，当用户与网站交互时，http请求被发送到https://myapp.com/api/*，后者被路由到my-ec2-instance:3000；

我希望将前端从ec2实例中取出，并使用AWS CloudFront和S3桶进行主机，这样EC2实例就只能承载后端服务。

我读过AWS CloudFront / S3桶只能承载静态网站。

在这种情况下，我的React前端是静态的单页应用程序，还是动态的？

我能做吗？

reactjs

amazon-web-services

amazon-s3

frontend

amazon-cloudfront

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-21 02:17:04

您的应用程序是动态的，因为您需要Express。S3只能提供静态内容，不能用于托管node.js应用程序。您仍然可以在一个S3实例中提供来自EC2和主机Express的静态内容，但是您的部署策略将更加复杂。

如果您在EC2实例中同时承载静态和动态内容，那么在CloudFront中您需要基于路径的路由，这很好地解释了here。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70393974

复制

如何实现动态添加的元素添加点击事件

javascript jquery

在页面开发过程中常常遇到需要动态添加元素，然后给这一元素绑定相关事件的情况，这种情况下一般需要给元素加上相关属性，然后写这些元素的事件函数即可。动态添加的元素怎么绑定事件呢？

前端老道

2022/03/29

4.2K0

libvirt禁止每次增加新DHCP IP时写入iptables

tcp/ip

每次增加DHCP IP的时候就会增加一条iptables规则,影响其他IP的正常使用,使用hooks直接恢复

Laikee

2022/04/25

7010

jQuery实现动态添加和删除（点击按钮添加在页面添加和删除元素）

form 表单

1：点击添加按钮弹出弹框，form表单可以填写相关的信息 2：点击保存按钮，相关信息会显示在界面的列表里

王小婷

2019/02/26

7.6K0

Input 在输入点击时去掉自带的颜色边框

html input 翻译

input标签在输入点击时会自带一个颜色边框，那怎么去掉呢？只需要一个outline属性就可以了

Alone88

2019/10/22

2.7K0

打破铁三角：新的项目管理角度

企业

时至今日，依然有很多项目受困于项目管理铁三角:范围，时间和成本。是啊：必须在2月底完成，因为报税高峰期3月份就来了。必须在10月底完成，因为要撑过双十一的并发量。必须在10月1前完成，因为要国庆献礼

ThoughtWorks

2019/05/05

7820

Linux动态为内核添加新的系统调用

linux hook int mmap sys

先来个满满的回忆：https://blog.csdn.net/dog250/article/details/64461922011年写这篇文章的时候，我的女儿小小还没有出生。

Linux阅码场

2020/05/13

1.8K0

[R包分享]countdown给你的PPT添加倒时器

github html git 开源官方文档

下面所列R包都是生成作者提供的演示文档所需要的，请下载安装若安装「github」版有难度，也可安装「CRAN」版

R语言数据分析指南

2022/09/23

4800

点击按钮每次都能实现图片的旋转和切换（swift）

swift

效果如图：代码如下： // // ViewController.swift // TwoSidedView // // Created by mayl on 2017/12/14. // C

woopDast1

2020/09/04

5.6K0

“为了看星星，我自己做了一个行星观测器”

https 网络安全图像处理 python

观测器从 NASA 获取已知行星的坐标数据，然后可以自动调整角度，聚焦这颗行星，让我们很方便地观测它们。

树枝990

2020/08/19

1.4K0

点击地图添加Marker

javascript

当我们往地图上添加marker时第一反应都是根据经度和维度来添加，却没有想到可以通过点击地图相应的位置添加marker，所以到底如何实现点击添加marker呢？

算法与编程之美

2021/11/23

1.3K0

文章每次点击增加随机访问浏览量

腾讯云开发者社区 http

update_post_meta($post_id,'views',$views+ rand(50,100));

小狐狸说事

2022/11/17

1.3K0

点击时扩散效果

其他

ProsperLee

2018/10/24

1.1K0

react native 0.6x 在创建项目时，CocoaPods 的依赖安装步骤卡解决方案

reactnative

如果你已经成功安装了CocoaPods。那么这里你需要卸载它。 gem换源 1、卸载CocoaPods

马克社区

2022/06/20

9510

Spring Boot项目启动和添加新的跳转页面

网站 spring spring boot java

Spring Boot 是由 Pivotal 团队提供的全新框架，默认配置了很多框架的使用方式，就像 Maven 整合了所有的 Jar 包，Spring Boot 整合了所有的框架，作为前端的我，只是学习了一下项目的前端部分操作，特此记录下来。

王小婷

2019/06/03

1.7K0

AngularDart Material Design 步进器顶

其他

(adsbygoogle = window.adsbygoogle || []).push({}); function googleAdJSAtOnload() { var element = document.createElement("script"); element.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; element.async = true; document.body.appendChild(element); } if (window.addEventListener) { window.addEventListener("load", googleAdJSAtOnload, false); } else if (window.attachEvent) { window.attachEvent("onload", googleAdJSAtOnload); } else { window.onload = googleAdJSAtOnload; }

南郭先生

2018/09/30

7480

碎片的动态添加

其他

碎片的动态添加 1.添加another_right_fragment.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:a

Dream城堡

2018/12/14

2.2K0

Css添加div点击态

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> .active { position: relative; width: 120px;

明知山

2020/09/02

5K0

git push 时不用每次都输入密码的方法

git

在本地克隆下来的git仓库中找到 .git 目录（.git 目录是隐藏文件夹在组织->文件夹和搜索选项-> 查看选项卡 -> 隐藏文件和文件夹 -> 显示隐藏的文件、文件夹和驱动器）

Lansonli

2021/10/09

5560

在写计算器时学到的

容器

stack模版类的定义需要两个模版参数，一个是元素类型，另一个是容器类型，但只有元素类型是必要的，在不指定容器类型的情况下，默认deque为容器类型

丹

2018/09/03

4680

点击加载更多

相似问题

如何重新设置‘材料角度步进’的步骤？

215

角度材料步进器分度

213

角度材料步进器提交

如何禁用角度材料步进器中的一个步骤？

跳过角度材料步进器中的步骤(取决于某些条件)

114

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问使用React的AWS S3桶:我的React有可能是部分静态的？
EN