在 vue app 中运行 npm build 以将其部署到服务器上后，下一步是啥？

Posted 2023-02-22

【中文标题】在 vue app 中运行 npm build 以将其部署到服务器上后，下一步是啥？

【英文标题】：What can be the next step after running npm build in vue app to deploy it on server?在 vue app 中运行 npm build 以将其部署到服务器上后，下一步是什么？

【发布时间】：2020-09-28 04:34:53

【问题描述】：

我正在尝试在服务器上部署 vue 应用程序， 我已经运行 npm run build ，执行后它创建了一个

index.html 文件 Dist 文件夹包含 (build.js & build.map.js)

我不确定在此之后要在服务器上获取应用程序的下一步是什么 有人可以帮忙吗？

【问题讨论】：

发球？取决于您使用的服务器。可能有教程

您打算将此应用程序部署到哪个服务器？阿帕奇，nginx？快递？

Apache 是服务器，因为我也在那边运行 magento

【参考方案1】：

关于部署，请阅读官方文档，

https://cli.vuejs.org/guide/deployment.html#general-guidelines

它包含特定于不同部署平台的说明

【讨论】：

先生，此文档可能包含一些在服务器上部署 webpack 独立应用程序不需要的命令。

那么你想要达到的目标还不清楚。你想在服务器上部署你的 vue 应用吗？然后，那里给出了指导方针。如果你有一个首选的托管平台，例如：firebase、heroku，那么那里也有指导方针。您能否准确说明您要达到的目标？

感谢您的回复，早些时候我已经尝试实施答案中给出的这些步骤 - ***.com/questions/42936588/how-to-deploy-vue-app

但这个答案似乎不完整，这就是我不得不提问的原因。

是的，答案不完整它指定npm run build 命令，它只捆绑您的源代码进行部署并填充dist 文件夹。在此之后，您必须实际部署您的 dist 文件夹。官方文档中给出了部署生成的 dist 文件夹的指南。 Fox 示例，如果您想在 github 页面中部署您的应用程序，请按照此操作，cli.vuejs.org/guide/deployment.html#github-pages。从侧边栏中，您可以从许多不同的平台中进行选择。