如何将 AWS 弹性负载均衡器与 React HTML5 页面一起使用

Question

我有一个 React-app 网站，可以播放托管在 EC2 上的 HTML5 视频。我有两个实例运行，我可以在这两个实例中的每一个上查看网页。如果我设置一个指向单个实例的 ELB 并使用负载均衡器的 URL，该网页也能正常工作。但是，对于目标组中的两台机器，页面在通过负载均衡器的 URL.

时大约有 50% 的时间失败

这是_webpack_require_中的错误：

TypeError: modules[moduleId] is undefined
modules[moduleId]: undefined

modules: (1) […]
modules["./node_modules/@babel/runtime/helpers/arr…dules/@babel/runtime/helpers/arrayWithoutHoles.js(module, exports)
installedModules: {…}

moduleId: "./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"

互联网搜索未定义的模块 [moduleId] 看起来到处都是。而且我不确定我是否知道足够正确地问这个问题。

好像有人用nginx(https://www.freecodecamp.org/news/production-fullstack-react-express/)，估计是没有用AWS ELB，估计比AWS难控制

Answer 1

大多数流式传输协议需要会话亲和力。尝试在负载均衡器上设置粘性会话。以下是经典 ELB 的操作方法：https://docs.aws.amazon.com/elasticloadbalancing/latest/classic/elb-sticky-sessions.html

不幸的是，这也固定了其他流量，但好于 50% 的失败。

如何将 AWS 弹性负载均衡器与 React HTML5 页面一起使用

How to use an AWS elastic load balancer with React HTML5 page

amazon-ec2

amazon-web-services

node.js

amazon-elb