nuxt3 SSR 服务部署

70 阅读1分钟

在服务器为了能够顺利使用 nvm 来管理 Node.js 版本,你需要先安装 nvm。以下是详细的安装步骤:安装 nvm

1. 打开终端:确保你有访问互联网的权限。

2. 安装 nvm 命令:

# 使用官方脚本安装
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

# 或者使用 wget
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

3. 加载 nvm: 安装完成后,需要重新加载 shell 配置文件以使 nvm 生效。你可以通过以下命令之一来实现:

source ~/.bashrc

或者如果你使用的是 zsh

source ~/.zshrc

4. 验证安装: 检查 nvm 是否正确安装:

/**如果成功安装,你应该看到输出为 nvm。**/
command -v nvm

5. 安装 Node.js: 现在你可以使用 nvm 来安装 Node.js 的最新 LTS 版本:

nvm install --lts

6. 确认 Node.js 和 npm 安装: 最后,检查 Node.js 和 npm 是否安装成功:

node -v
npm -v

7. 安装 PM2PM2 是一个高级进程管理工具,适用于生产环境中运行 Node.js 应用程序。

npm install pm2 -g

8. 将你的 .output 文件夹上传到服务器。(我放置目录:/var/www/nuxt3-ssr-demo/)

9. 创建并上传到服务器 ecosystem.config.js 文件,内容如下:

module.exports = {
  apps: [
    {
      name: 'NuxtAppName',
      port: '3000',
      exec_mode: 'cluster',
      instances: 'max',
      script: './.output/server/index.mjs'
    }
  ]
}

10. 使用 PM2 启动你的 Nuxt ssr 应用程序:

pm2 start ecosystem.config.js

现在,你的 Nuxt ssr 应用程序应该已经在服务器上成功运行了。你可以通过访问服务器的 IP 地址和端口(默认为 3000)来查看应用程序。

11. 设置 Nginx 反向代理: 为了确保你的应用程序可以通过域名访问,你需要设置 Nginx 反向代理。你可以参考 Nginx 的官方文档来了解如何设置反向代理。