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

关键词：

【中文标题】在 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。从侧边栏中，您可以从许多不同的平台中进行选择。

如何在不第二次运行 npm run build 的情况下更新 Vue js 的 dist 文件夹

】如何在不第二次运行npmrunbuild的情况下更新Vuejs的dist文件夹【英文标题】：HowtoupdatethedistfolderofVuejswithoutrunningnpmrunbuildasecondtime【发布时间】：2020-07-1519:51:43【问题描述】：我运行npmrunbuild为我的Vuejs应用程序创建一个dist文件夹... 查看详情

Vue.js 项目在“npm build”期间出现 404 错误并在 Apache Tomcat 中提供服务

】Vue.js项目在“npmbuild”期间出现404错误并在ApacheTomcat中提供服务【英文标题】：404errorinVue.jsprojectduring\'npmbuild\'andserveinApacheTomcat【发布时间】：2020-12-2123:55:55【问题描述】：我在package.json中使用以下配置创建了一个Vue.js项目"scr... 查看详情

npm 运行 dev 和 npm 在 laravel vue.js 中运行监视错误

】npm运行dev和npm在laravelvue.js中运行监视错误【英文标题】：npmrunsdevandnpmrunswatcherrorinlaravelvue.js【发布时间】：2018-05-1114:58:05【问题描述】：npm运行dev并且npm运行watch错误有人可以帮助我吗？node_modules/cross-env/bin/cross-env.jsNODE_ENV=dev... 查看详情

在 `npm build` 的输出中添加源路径前缀

】在`npmbuild`的输出中添加源路径前缀【英文标题】：Prefixsourcepathsintheoutputof`npmbuild`【发布时间】：2021-02-1407:05:33【问题描述】：我使用vue-cli创建了一个小型vue应用程序。我使用npmrunbuild来生成UI的生产版本，最终得到一堆CSS、js... 查看详情

使用 npm run build 后如何正确查看我的 Vue.js 应用程序

...我有一个Vue.js应用程序，当我执行npmrunserve时它可以正常运行运行npmrunbuild后，我得到一个“dist”目录，其中包含缩小的html、css、图像等。但是，我似乎无法在 查看详情

在 vue 项目中运行 npm run serve 时出现问题

】在vue项目中运行npmrunserve时出现问题【英文标题】：issuewhenrunningnpmrunserveinvueproject【发布时间】：2020-10-2618:25:05【问题描述】：尝试为vue项目运行服务器时遇到问题这就是问题错误错误：没有找到有效的导出主\'C:\\Users\\AlaaMoham... 查看详情

关于npm----npm命令行运行多个命令(代码片段)

需要安装concurrently模块  npminstall concurrently在packjson中运行"scripts":"start":"concurrently"npmrunserve""npmrunnode"","serve":"vue-cli-serviceserve","node":"nodeserver/index","build":"v 查看详情

运行“npm run build”需要啥？

】运行“npmrunbuild”需要啥？【英文标题】：Whatisneededtorun"npmrunbuild"?运行“npmrunbuild”需要什么？【发布时间】：2020-08-2104:00:31【问题描述】：运行npmrunbuild需要什么？我有项目vue我想把它安装到一个新的服务器上我只需... 查看详情

npm 在 windows 上安装 windows-build-tools

...indows-10node-v8.12.0npm-6.4.1我正在使用的命令（以管理员身份运行）：npminstall--global--production--verbosewindows-build-too 查看详情

vue2.0配置环境以入门实例

...淘宝npm镜像官网。安装vue-cli脚手架构建工具在命令行中运行命令npminstall-gvue-cli，然后等待安装完成。 通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。用vue-cli构建项目要创建项... 查看详情

vue学习一：新建或打开vue项目

...像---cnpm）vue-cli脚手架构建工具，构建项目（在命令行中运行命令cnpminstall-gvue-cli） 2、用vue-cli构建项目进入要创建项目目录的工作区，比如选择桌面来存放新建的项目：cddesktop在命令行中运行命令 vueinitwebpackfirstVue。解... 查看详情

切换到 npm 以进行 create-react-app

...对于我当前的React项目，我想再次使用npm。但是，如果我运行create-react-app它是用yarn构建的。如何切换以便使用npm创建？【问题讨论】：【参考方案1】：您可以使用--us 查看详情

vue环境搭建过程中,npm权限不足问题

今天在用git bash进行全局安装vue-cli的时候，报错：必须以管理员权限进行安装才行。所以用cmd命令工具，点击右键命令提示符cmd--------以管理员身份运行--------cd进入到项目----执行npminstall即可。 查看详情

Vue.js 和 Webpack，如何构建组件以实现可移植性

...建组件以实现可移植性【英文标题】：Vue.jsandWebpack,howtobuildcomponentsforportability【发布时间】：2018-05-3004:52:00【问题描述】：假设我有2个Vue.js应用：app1和app2。两者都实现了单文件组件的方法，并由webpack构建到各自的/dist/build.js中... 查看详情

如何在 vue create 中选择 npm 而不是 yarn

】如何在vuecreate中选择npm而不是yarn【英文标题】：Howtochoosenpmoveryarninvuecreate【发布时间】：2020-03-1004:31:33【问题描述】：我想创建一个Vue项目，我想使用npm。在终端中，当我执行vuecreatehello时，默认情况下yarn用作包管理器。那... 查看详情

运行 npm run build 时出现构建错误

】运行npmrunbuild时出现构建错误【英文标题】：Gettingbuilderroroccurredwhenrunningnpmrunbuild[duplicate]【发布时间】：2021-08-1008:04:57【问题描述】：应用程序通过api从本地Javascript文件中获取数据。下面是错误和代码。$npm运行构建next-crash-co... 查看详情

运行 npm run build 时出现构建错误

】运行npmrunbuild时出现构建错误【英文标题】：Gettingbuilderroroccurredwhenrunningnpmrunbuild[duplicate]【发布时间】：2021-08-1008:04:57【问题描述】：应用程序通过api从本地Javascript文件中获取数据。下面是错误和代码。$npm运行构建next-crash-co... 查看详情

Vue.js - 通过 npm run serve 在应用程序运行时使用终端

】Vue.js-通过npmrunserve在应用程序运行时使用终端【英文标题】：Vue.js-Useterminalwhileappisrunningwithnpmrunserve【发布时间】：2021-05-0612:38:03【问题描述】：我创建了一个Vue.js项目，在终端（win10-vsc的终端）中输入npmrunserve命令后，我遇... 查看详情