nuxt 部署上线

Posted 2023-03-03

参考技术A 参考文章链接 ：

next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序 - 每天一探 - SegmentFault 思否

1.安装nginx

2.node

3.npm

4.pm2

5.将完成好的nuxt项目打包（npm run build）

        .nuxt

        static(可以不传)

        nuxt.config.js

        package.json

上传到服务器对应的文件夹下

运行npm install 安装package里的依赖

运行npm start 就可以运行起来nuxt的服务渲染了

6.配置NGINX 

     #nuxt config

    upstream nodenuxt

        server 127.0.0.1:3000; #nuxt

        keepalive 64;

   

    server

        listen 3001 ;

        server_name  ****;

        location /

            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://nodenuxt; #

       

 

7.开启守护进程