部署react项目到azure

主要有以下几种方法：

• 一种是自动CICD的方法：

微软打通了GitHub和azure之间的互操作，可以通过GitHub的流水线来发布到azure，参见：使用 Azure Static Web Apps 发布 Angular、React、Svelte 或 Vue JavaScript 应用 - Learn | Microsoft Docs

• 一种是利用app service的方法

这个方法是创建一个app service然后用ftp上传文件到app service去。这个方法不太方便，需要下载并修改web.config，不展开说了。

• 一种是利用azure storage的方法：

这个方法是通过azure的storage account来发布静态站点（azure可以自动创建容器、自动分配域名，把storage里面的内容发布为静态站点）。

另外vscode有个azure storage的插件可以很方便的把文件上传到azure storage。

利用azure storage的方法比较简洁直观。

• 一种是在azure的虚拟机里面git pull代码然后yarn build再copy到nginx指定目录的方法

这个方法比较传统。优点是容易通过脚本批量执行。缺点是刚开始麻烦点，需要自己搭建和配置nginx包括配置ssl和证书。

各种方法比较下来，似乎还是传统方法最方便。需要的时候，双击执行一个脚本即可重新部署。