如何成功部署我的Vue应用程序？ （CLI3）

Question

This answer指出npm run build创建了一个dist文件夹（在我看来是）以及一个index.html文件-在我来说不是。 / p>

相反，我在index.html文件夹中有一个dist文件，并将该文件夹上传到远程服务器，在浏览器中访问该index.html会显示一个空白页面，其中显示“ Hello world ”（没有CSS，没有JS）。

在the docs中找不到解决此问题的任何东西。

我想念什么吗？部署后，为什么我的应用程序简化为仅一个“ Hello world”页面？

Answer 1

如果使用的是vue-cli，则需要运行npm run build来创建dist文件夹。 另外，打开您的package.json并检查脚本对象。它会运行各种命令，您可以选择正确的脚本来运行。

"scripts": {
 "serve": "vue-cli-service serve",
 "build": "vue-cli-service build",
 "lint": "vue-cli-service lint"
},

对于vue cli3，大多数情况下，您需要运行npm run build。