首页 > 解决方案 > 如何指定端口以在 Azure Web 应用程序中运行多个 ReactJS 应用程序?

问题描述

要求 - 一个 URL (https://.azurewebsites.net) - index.html 页面包含 2 个指向 localhost:xxx1 和 localhost:xxx2 的链接 (href) - localhosts xxx1 和 xxx2 是两个不同的 ReactJS 应用程序

根据这篇文章配置了 package.json。“端口=xxx1 ...”。但是,当我在 app1 的文件夹中运行 yarn build 后单击 app1 链接时,请求超时。我错过了什么?

标签: reactjsazureazure-web-app-serviceyarnpkgportforwarding

解决方案


不确定您选择的是什么端口,但是... Azure Web Apps 仅支持端口 80 和 443。如果您需要额外的端口,则需要选择不同的端口来托管您的应用程序(例如容器、虚拟机),或者将您的应用程序转换成独立的网络应用程序,每个应用程序都可以在 80/443 上收听。

注意:多个 Web 应用可以共享同一个应用服务计划,因此拥有多个 Web 应用不一定会产生成本影响。


推荐阅读