如何为 Vue 设置生产环境并将应用程序部署到环境中

Question

我已经开发了一个 Vue 应用程序并尝试为其构建一个 dev/QA/PROD 环境。我知道当我使用“npm run build”时，它会创建 dist 文件夹，其中包含一组文件/文件夹。在这里我只想知道以下事情

1. 执行 dist 文件的最小服务器/环境是什么？节点设置是否足以执行以及如何执行？
2. dist文件夹如何部署到特定环境？会通过Git吗？

Answer 1

任何可以提供静态文件的网络技术都可以解决问题。 dist 文件夹中包含的 index.html 文件包含指向您的应用正常运行所需的所有 javascript、css、图像的链接。

因此，您的网络服务器必须提供 index.html，而其他文件必须位于任何在线客户端都可以访问的文件夹中。

使用节点，您可以按照此处的说明进行操作： https://expressjs.com/en/starter/static-files.html

您还可以使用您的 github 帐户和 github 页面： https://www.youtube.com/watch?v=2MsN8gpT6jY