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

发布于 2022-09-06 20:25:22 字数 930 浏览 26 评论 0

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个晚上了一直没搞好

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文