腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >使用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前端是静态的单页应用程序，还是动态的？

我能做吗？

amazon-s3

frontend

amazon-cloudfront

reactjs

amazon-web-services

回答 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来加载css、js文件

javascript css document url var

友儿

2023/10/21

3760

【说站】javascript如何动态加载js文件

java 文件存储 javascript

2、通过xhr方式加载js文件，不过通过这种方式的话，就可能会面临着跨域的问题。

很酷的站长

2022/11/23

7.4K0

自动加载jQuery的Javascript代码示例

jquery

当我们在Javascript里需要用到jQuery但又无法判断是否加载过时，可以通过下面的方法来自动判断并加载jQuery，代码如下：

魏杰

2022/12/23

1.1K0

js怎么动态加载js文件（JavaScript性能优化篇）转

javascript node.js 面向对象编程

下面介绍一种JS代码优化的一个小技巧，通过动态加载引入js外部文件来提高网页加载速度

stys35

2019/10/29

19.9K0

JavaScript文件加载优化

javascript

企鹅号小编

2018/01/04

1.3K0

动态加载JS文件

const scriptEl = document.createElement('script'); scriptEl.onload = scriptEl.onreadystateschange = function () { if (!this.readyState // FF onload || this.readyState == 'loaded' || this.readyState == 'complete' // IE onreadystateschange ) {

路过君

2021/12/07

20.8K0

Js文件异步加载

node.js javascript 渲染

浏览器中渲染引擎与Js脚本引擎是互斥的，在浏览器开始渲染页面时，如果遇到<script>标签，会停止渲染当前页面，也就是说在脚本加载与执行的过程中会阻塞页面的渲染，在网速较差的环境下可能会出现浏览器页面假死的情况，这也就是尽量将<script>文件放置于<body>后的原因，Js文件异步加载就是使浏览器加载外部Js脚本文件时不阻塞渲染线程，这称为非阻塞模式加载，当然加载完成之后解析执行Js脚本时必须与渲染引擎互斥，解析执行Js脚本的时机取决于异步加载Js的方式。

WindRunnerMax

2020/08/27

10.7K0

引入JS文件和JQuery

jquery 程序后端脚本异步

新建 html 文件 22-jQuery.html ，编写下方程序，运行看看效果吧

鹤川

2023/03/21

6.4K0

javascript中js实现导出CSV文件功能

数组

js直接在页面中将数组导出到CSV文件之中 //数组导出CSV文件 function exportCSV(jsonData,fileName){ if(!jsonData || jsonData.length==0){ return; } if(!fileName){ fileName="exportCSV.csv"; } let one=jsonData[0]; let csvText=""; for(let key

唯一Chat

2022/11/22

3.4K0

原生js与jquery加载页面元素比较

jquery

声明：本文为原创，作者为对弈，转载时请保留本声明及附带文章链接：http://www.duiyi.xyz/%e5%8e%9f%e7%94%9fjs%e4%b8%8ejquery%e5%8a%a0%e8%bd%bd%e9%a1%b5%e9%9d%a2%e5%85%83%e7%b4%a0%e6%af%94%e8%be%83/

对弈

2019/09/04

11.6K0

实现图片懒加载jquery.scrollLoading.js

jquery data function url 程序

记录一下吧，省得那天忘记了还得去搜百度顺便分享给大家很简单的方法。首先需要jquery.min.js插件，我用的是jQuery v2.1.3，大家可以去百度搜很多自己引入全局顶部即可，当然你的程序自带就不需要在引用JQ了。

用户8099761

2023/05/11

2.3K0

移动端滚动加载-----jQuery 和原生JS

jquery dom height scrolltop window

从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为('body').scrollTop() +(window).height() ==

Rattenking

2021/01/29

22.5K0

JavaScript、js文件、Node.js、静态文件

javascript node.js https 网络安全网站

JavaScript（简称“JS”）是一种解释型的脚本语言。广泛用于Web应用开发,对页面事件做出响应。

全栈程序员站长

2022/11/15

6.5K0

在Node.js中读写文件

node.js 编程算法

本文翻译自Reading and Writing Files in Node.js

ccf19881030

2020/10/29

5.4K0

js 延时加载文件的代码

javascript

js 延时加载文件的代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>js延时演示</title> <script language="JavaScript" id="my"></script> <script language="JavaScript"> setTimeout("doc

IT工作者

2022/01/01

3.2K0

Javascript文件加载：LABjs和RequireJS

其他

传统上，加载Javascript文件都是使用<script>标签。就像下面这样：　　<script type="text/javascript" src="example.js"></scrip

ruanyf

2018/04/12

1.4K0

Javascript文件加载 ——LABjs和RequireJS

java javascript 编程算法

javascript.shop

2019/09/04

1.1K0

原生 JS 和 jQuery 中的尺寸

node.js jquery

element jQuery JS $(elem).width() border-box: elem.offsetWidth - padding - border content-box: elem.offsetWidth - padding $(elem).innerWidth() elem.clientWidth + scrollbar $(elem).outerWidth() elem.offsetWidth window jQuery JS $(window).width() document.d

叙帝利

2021/08/06

2.4K0

JavaScript实现加载中...效果

html html5 javascript

简述 JavaScript实现加载中...效果开始 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum

xlj

2021/07/03

1.3K0

JavaScript实现加载中...效果

javascript html

xlj

2021/07/14

9290

相似问题

Javascript:在JS文件中加载外部JS文件

在中通过jQuery $ajax加载js文件

在我的javascript中加载JQuery.js

Javascript:在JS文件中加载javascript依赖项

有没有同步加载JS文件的JavaScript或jQuery方法？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

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