Question

我正在尝试使用Nginx + Passenger在服务器上运行一个vuejs应用程序。

我的主机配置如下所示：

server {
    listen 80;
    server_name hostname.dev;

    root /home/ubuntu/vueapp/current;

    passenger_enabled on;
    passenger_app_type node;
    passenger_startup_file build/webpack.prod.conf.js;
}

我正在使用capistrano + capistrano-npm

部署应用程序

在capistrano部署应用程序后，它运行：

00:13 deploy：set_current_revision
        01 echo＆＃34; 56afbb253bd70b118aeee25ec20083c7ccafc96b＆＃34; ＆GT;＆GT;修订
      ✔01ubuntu@192.168.33.14 0.045s 00:13 npm：安装
        01 npm install --production --silent --no-progress
        01在3.963s中添加了2个包       ✔01ubuntu@192.168.33.14 4.911s

问题是，当我访问我的主机hostname.dev时，我看到一个空白页面。检查来源，我看到了：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vuedemo</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

显然Vue无法正常工作。我做错了什么？

设置ngnix和乘客来运行VueJS

0 个答案: