Skip to content

Nuxt框架

宝塔部署(SSR)

一、构建

可先查看官方教程:https://nuxt.com/docs/4.x/getting-started/deployment

  1. 执行 build 命令构建项目,会生成 .output 文件夹

  2. .output 同级目录下添加文件 ecosystem.config.cjs,填写以下代码:

    js
    // 项目名称和运行端口按需修改
    module.exports = {
      apps: [
        {
          name: 'NuxtAppName', // 项目名称
          port: '3000', // 运行端口
          exec_mode: 'cluster',
          instances: 'max',
          script: './.output/server/index.mjs'
        }
      ]
    }

二、部署

  1. 宝塔安装 NginxNode.js版本管理器PM2管理器

  2. .output 文件夹和 ecosystem.config.cjs 文件打包上传至网站根目录

  3. 解压文件并保持以下目录结构

    txt
    📂网站根目录
    |—📂.output
    | |—📂public
    | |—📂server
    | |—📄nitro.json
    |—📄ecosystem.config.cjs
  4. 添加Node项目,选择 PM2项目,添加方式选择 从文件/内容添加

  5. 配置文件选择 ecosystem.config.cjs 文件后将自动填写运行目录

  6. 其他选项按需填写即可