如何部署Vue项目？

Question

我已经在Vue玩了几个月了，我真的很喜欢它。我正在使用webstorm作为编辑器，它具有Vue和其他框架的所有预安装模板，并且Vue的开发真的很有趣。无论如何，当我决定在Heroku上部署该应用程序时，它不起作用。当我在本地计算机上运行项目时，它可以正常工作，但是当我在Heroku上部署时，我得到一个空白页面。我用Google搜索解决方案，发现应该有一个从未有过的dist文件夹，即使在本地计算机上我也找不到该文件夹​​。现在，我有以下文件夹：

我的问题，我是否必须创建DIST文件夹并将index.html和其他一些文件移动到那里？我是否必须运行npm build（我没有执行任何操作，但没有发生任何动作）。这是我的p.json：

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

那么我做错了什么以及如何使我的应用正常工作？ 谢谢

Answer 1

您需要创建一个最终版本。如果使用cli vue版本3，则可以使用命令vue-cli-service build。 链接：https://cli.vuejs.org/guide/build-targets.html#library

构建项目后，您可以下载Heroky文件夹dist（或示例urge.sh）并在线访问您的网站。

祝你好运。