首页 /  技术专区  /  Nuxt.js 宽屏模式 >

Nuxt项目打包发布服务器,通过pm2守护线程

昨天受人所托,写一个Nuxt打包上传服务器,用pm2守护线程的博文,话不多说,开搞。

这里不讲怎么装pm2,还有cnpm淘宝镜像,具体安装可以参考这个链接:https://blog.csdn.net/hanwuqia0370/article/details/90044709

第一步:首先把项目里的运行npm run build,打包出.Nuxt文件夹,然后把.Nuxt、package.json、nuxt.config.js、static这些文件上传到服务器。

QQ20191210-133858@2x.png

第二步:在服务端刚刚上传的路径下,运行npm install或者cnpm install,我这里用的是cnpm淘宝镜像。

QQ20191210-134037@2x.png

等待结束之后会出现node-modules文件,也就是项目所需要的依赖。

第三步:通过pm2启动项目,pm2 start npm --name "my-Nuxt" -- run start

image.png

第四步:配置Nginx反向代理。

QQ20191210-135112@2x.png

        location /abc {
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_set_header Host $host;
            proxy_set_header X-Nginx-Proxy true;
            proxy_cache_bypass $http_upgrade;
            proxy_pass http://127.0.0.1:3010; #反向代理
        }


第五步:测试一下

image.png

成功跳转,搞定。


头像
0/200
图片验证码