vue项目如何部署到云服务器上?pm2怎么启动项目?

webpack开发的vue项目,我在阿里云上从github上clone的自己的vue项目,项目放在云服务器根目录下,项目中webpack.dev.conf.js已经写好后端代码,然后在云服务器中npm installnpm run build安装依赖打包,然后配置nginx代理,nginx.conf在云服务器中的地址为/etc/nginx/nginx.conf,
nginx的配置如下:

server {
    listen   80;
    server_name XXX.XXX.XXX.XXX;  //此处是我的服务器地址,域名暂时还没买,项目中后端代码地址也是用的IP地址
    
    location / {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-Fpr $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass http://127.0.0.1:8080/;         //在本地npm run dev的端口也是8080
    }
}

然后重启nginx
最后是不是就剩用pm2启动Node服务?由于最新的vue-cli没有dev-server了,如何通过pm2来启动,网上查了不少资料,都是以前启动dev-server的
问:
1、其中步骤有没有错误?我直接访问IP地址报502错误是不是就是因为没有启动的原因?
2、没有dev-server之后如何用pm2一直自启动?

希望大神指个方向,给点参考资料也行,没接触过后端的东西,搞了2个晚上了一直没搞好

阅读 7.7k
2 个回答
  1. 不建议使用vue项目的dev当作服务启动。
  2. 建议利用express创建一个node项目作为服务,然后将vue打包结果扔进node项目中。
  3. nginx只管反向代理即可,pm2监控node服务。
  4. 关于pm2使用可以自己去官网看,觉得麻烦这里有别人写的博客,可以满足基本需求了使用PM2来部署nodejs项目

如果启动是 node server.js 那么,在server.js目录下,换pm2的话,pm2 start server.js就行。建议直接看官网。http://pm2.keymetrics.io/

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题