如何在windows IIS中托管React.js和Node.js应用程序？

我正在尝试在安装了windows操作系统的云上上传react.js应用程序。如何使用windows IIS上载和启动react应用程序。

首先，您需要在windows上安装节点：

通过以下步骤安装IIS：

• 打开控制面板
• 选择程序和功能，单击链接打开或关闭Windows功能
• 单击Internet信息服务复选框并选择iis必需的功能
• 从安装的应用程序打开iis管理器

安装节点和iis后，以管理员身份打开命令提示符，并进入react js应用程序文件夹

例如：

我的react js应用程序位于C:\windows\system32下\

要转到该路径，请使用以下命令：

cd C:\windows\system32\my-app

npm run build

使用以下命令运行react应用程序：

npm start

检查应用程序是否正常运行

然后运行命令：

cd C:\windows\system32\my-app

npm run build

您可以在应用程序文件夹中看到生成文件夹

• 现在打开iis管理器
• 从连接窗格中选择服务器名称。右键单击它并选择添加网站：
• 在“添加网站”窗口中输入以下详细信息： 站点名称 文件夹路径 端口号、IP地址、主机名等

注: 添加站点路径时选择生成文件夹

• 通过单击操作窗格中的浏览按钮打开站点

---

首先，您需要在windows上安装节点：

通过以下步骤安装IIS：

• 打开控制面板
• 选择程序和功能，单击链接打开或关闭Windows功能
• 单击Internet信息服务复选框并选择iis必需的功能
• 从安装的应用程序打开iis管理器

安装节点和iis后，以管理员身份打开命令提示符，并进入react js应用程序文件夹

例如：

我的react js应用程序位于C:\windows\system32下\

要转到该路径，请使用以下命令：

cd C:\windows\system32\my-app

npm run build

使用以下命令运行react应用程序：

npm start

检查应用程序是否正常运行

然后运行命令：

cd C:\windows\system32\my-app

npm run build

您可以在应用程序文件夹中看到生成文件夹

• 现在打开iis管理器
• 从连接窗格中选择服务器名称。右键单击它并选择添加网站：
• 在“添加网站”窗口中输入以下详细信息： 站点名称 文件夹路径 端口号、IP地址、主机名等

注: 添加站点路径时选择生成文件夹

• 通过单击操作窗格中的浏览按钮打开站点

---

冷静，它起作用了。但现在react路由无法工作，只有第一页可见，若我尝试访问其他路由，它会显示错误。你能告诉我为什么会这样吗？从你的帖子中，我可以看到你原来帖子中的问题现在已经解决了。我请求你将有用的建议标记为答案，并在新帖子中为SEO目的创建一个新问题。它不同于父问题。谢谢你的理解。很酷，它成功了。但现在react路由无法工作，只有第一页可见，若我尝试访问其他路由，它会显示错误。你能告诉我为什么会这样吗？从你的帖子中，我可以看到你原来帖子中的问题现在已经解决了。我请求你将有用的建议标记为答案，并在新帖子中为SEO目的创建一个新问题。它不同于父问题。谢谢你的理解。