生产服务器上的 Vue CLI 白页答案

【问题标题】：Vue CLI white page on production server生产服务器上的 Vue CLI 白页
【发布时间】：2019-01-26 16:23:37
【问题描述】：

我用 webpack 和路由器安装了 vue。

vue init webpack vue-project

然后，我在本地服务器上安装了 npm 并以开发模式运行应用程序

npm install
npm run dev

效果很好。但是，在生产服务器上，我得到一个白屏。部署我的项目后，我运行

npm run build

我得到白页。看了下源码，没有看到任何js转成html。

  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>

我使用 Ubuntu 和 Nginx。一切配置正确。

【问题讨论】：

标签： vue.js

【解决方案1】：

在打破我的头之后，我找到了解决方案。将根目录从nginx改成dist，解决了这个问题。

root   /var/www/vue-project/dist;

【讨论】：