路径路由:React 应用程序的应用程序负载均衡器

IT技术 reactjs amazon-web-services amazon-ec2 routing
2021-05-24 02:05:32

我正在尝试在 AWS 应用程序负载均衡器中创建路径路由。

例子:

  1. apple.mango.com/vault转到instance1端口 80 和 nginx 将其路由到/var/html/reactApp1/build/
  2. apple.mango.com/flow转到instance2端口 80 和 nginx 将其路由到/var/html/reactApp2/build/

我的配置看起来像这样: 在此处输入图片说明

此外,对于/var/html/reactApp1/build//var/html/reactApp2/build/,我让它们正常托管mango.comapple.com并且它们工作得很好。

问题陈述: 当应用程序通过路径路由访问时, apple.mango.com/vault或者apple.mango.com/flow它到达正确的机器/根目录但未能按预期加载站点。

在检查空白页面时,它不会加载节点module: 在此处输入图片说明

我哪里错了?

1个回答

我知道这个问题已经问了将近 2 年了,但我想我找到了解决方案,所以即使它现在没有用,但在不久的将来它可能很重要:

在负载均衡器的规则中,您必须启用一项规则,以允许在尝试搜索 /static/... 时将流量重定向到您的应用程序,因为这是 react 创建的 bundle.js:

在此处输入图片说明

我希望这对你和我一样有用。