Vuejs2 如何部署vue项目？

我已经玩Vue几个月了，我真的很喜欢它。我使用webstorm作为编辑器，它有Vue和其他框架的所有预安装模板，Vue的开发非常有趣。无论如何，当我决定在Heroku上部署应用程序时，它没有起作用。当我在本地机器上运行该项目时，它可以正常工作，但当我在Heroku上部署时，我会得到一个空页面。我在谷歌上搜索解决方案，发现应该有一些我从未有过的

dist

文件夹，即使在我的本地机器上，我也找不到这个文件夹。目前，我有以下文件夹：

我的问题是，我是否必须创建

DIST

文件夹并将index.html和其他一些文件移到那里？我是否必须运行npm构建（我运行了，但没有实际发生任何事情）。这是我的p.json：

"scripts": {
        "postinstall": "npm install express",
        "start": "node server.js"
},
      "dependencies": {
        "vue": "^2.5.2"
},

那么我做错了什么，我是如何让我的应用程序工作的呢？

---

Thx

您需要创建最终版本。如果使用cli vue版本3，则可以使用命令vue cli service build。 链接：

构建项目后，您可以下载heroky中的文件夹dist（或example surge.sh）并在线访问您的站点

---

祝你好运。

这是什么？听起来你期待奇迹的发生仅仅是因为它的vue，你在使用什么构建/捆绑工具？服务器etc

npm运行构建

中有哪些内容，另请参见您是否使用了这些Vue模板？我并不期待任何奇迹发生，我只是想知道如何在线部署应用程序。不知怎的，在我的机器上，当我运行

npm run

时，它工作正常，但当我推到Heroku时，我有一个空页面。我尝试过npm运行构建，但它没有任何作用。我想最好的方法是使用命令行而不是编辑器创建Vue项目。我只是遵循这个答案，我有我需要的