在 Azure 上部署 React + Express答案

【问题标题】：Deploying React + Express on Azure在 Azure 上部署 React + Express
【发布时间】：2020-04-30 16:48:54
【问题描述】：

我在尝试部署 Express 和 React 样板应用程序时遇到了这个问题，就像 Azure 应用程序服务上的一个应用程序一样。本地一切正常，但是当我尝试部署整个东西时，我看到“：（应用程序错误”屏幕。我认为这与我在服务器的 package.json 中的“脚本”的设置方式有关......（仅部署没有客户端文件的快速服务器就可以了）。在这里，我试图让 Azure 在部署应用程序后执行构建命令，而不是在此之前：

“脚本”：{ "start": "cd client && npm run build && cd ../ && node server", “测试”：“回声” },

可能我遗漏了一些对 Azure 至关重要的东西（我是初学者）。我已经阅读了很多并遵循了很多教程，但似乎没有任何东西可以解决我的问题。如果有人能帮帮我，我将不胜感激。谢谢！

链接到我的 github 仓库：https://github.com/Ivailo663/finalExpressApp

【问题讨论】：

标签： node.js reactjs azure express deployment

【解决方案1】：

"scripts": { "start": "cd client && npm run build && cd ../ && node server", "test": "echo something" }

如果您已经拥有应用所需的所有模块，则此脚本将起作用，但如果您没有这些模块，则需要先安装它们。

但是，建议您在本地构建客户端或使用 pipline 将 build 文件夹部署到 azure。

【讨论】：

你能给我一些指导吗？我还在某处阅读了有关 web.config 文件的内容……现在变得更加困惑。 @托尼朱
@IvailoGeorgiev 我的建议是您在本地构建客户端。我认为 Azure 不会自动在客户端文件夹下运行 npm install。
是不是说build文件夹要上传到github？ @托尼朱
@IvailoGeorgiev 是的，我想是的。
@IvailoGeorgiev 如果我们需要部署 Angular 应用程序，我们只需将 build 文件夹中的文件放到 wwwroot 目录即可。