nuxt ssr 部署

duanyuehuan

已于 2024-04-02 22:28:58 修改

阅读量322

点赞数 2

文章标签：前端

于 2024-04-02 22:10:00 首次发布

本文链接：https://blog.csdn.net/weixin_44380707/article/details/137293831

版权

本文详细介绍了如何在Linux服务器上安装Node.js的binary版本，包括下载、解压、配置环境变量，以及如何部署Server-SideRendering(SSR)项目的步骤，如使用Nuxt.js、Nginx代理和pm2进行持久化服务管理。

摘要由CSDN通过智能技术生成

首先在服务器安装node（在node官网上下载linux binary 版本，我使用的是 16.20.2版本，解压，软链接在全局path）

一.安装Node

 installer版本：它包含了所有必须文件和帮助文档等，执行exe文件通过弹出的指示即可以安装软件。
 binary版本：它是一个二进制包，里面包括了编译好的可以直接使用的程序，只需要把它解压缩到你想要安装的目录就马上可以使用。
 安装步骤
  1.下载
  wget https://nodejs.org/dist/v16.20.2/node-v16.20.2-linux-x64.tar.xz
  2.解压
  tar -xvf node-v16.20.2-linux-x64.tar.xz
  3.进目录
  cd node-v16.20.2-linux-x64-linux-x64/bin
  4.测试是否安装成功
  ./node -v
  5.添加软连接
   ln -s /usr/local/node/node-v16.20.2-linux-x64/bin/node /usr/local/bin/node
   ln -s /usr/local/node/node-v16.20.2-linux-x64/bin/npm /usr/local/bin/npm
  6.全局测试 node -v

二.部署ssr

 1. 本地npm run build
 2. 将.nuxt、static、package.json、 nuxt.config.js四个文件放入到服务器对应的目录里
    在服务器对应的目录安装项目依赖npm install 
 3.安装完依赖之后 执行npm start 启动项目
    npm start
 4.nginx 代理
  server {
    listen       端口;
    server_name  ip或者域名;
    location / {
      proxy_pass http://127.0.0.1:3000; // 启动的nuxt 项目 [这里地址可通过 nuxt.config.js serve修改] https://www.nuxtjs.cn/faq/host-port
    }
  }
 5.nuxt 服务 关闭终端就结束进程所以需要pm2 管理 保证服务不会中断一直在线
 6.npm install -g pm2
 7.pm2 start /node_modules/nuxt/bin/nuxt.js --name 项目名称 
pm2 常用命令
pm2 list                             查看所有进程
pm2 show 0                           查看进程详细信息，0为PM2进程id 
pm2 stop all                         停止PM2列表中所有的进程
pm2 stop 0                           停止PM2列表中进程为0的进程
pm2 reload all                       重载PM2列表中所有的进程
pm2 reload 0                         重载PM2列表中进程为0的进程
pm2 delete 0                         删除PM2列表中进程为0的进程
pm2 delete all                       删除PM2列表中所有的进程