Nuxt 3 生产环境部署

778 阅读1分钟

简介: 本教程将指导您如何将 Nuxt.js 3 项目部署到生产环境中,以确保您的应用在实际运行中具有高性能和稳定性。


步骤 1:安装依赖和构建项目

在部署之前,首先确保您已经在开发环境中完成了项目的开发和测试。接下来,我们将执行以下步骤来安装项目依赖并构建项目。

  1. 使用 pnpm 安装项目依赖:

    pnpm install
    
  2. 构建项目:

    pnpm run build
    

步骤 2:创建 PM2 配置文件

PM2 是一个流行的 Node.js 进程管理工具,可以帮助我们管理和监控 Node.js 应用程序。在这一步,我们将创建一个 PM2 配置文件,以便启动和管理 Nuxt.js 3 项目。

  1. 进入项目的输出目录:

    cd .output
    
  2. 创建一个名为 ecosystem.config.js 的文件:

    touch ecosystem.config.js
    
  3. 使用文本编辑器打开 ecosystem.config.js 文件:

    vim ecosystem.config.js
    
  4. 在编辑器中输入以下内容并保存:

    module.exports = {
      apps: [
        {
          name: 'NuxtAppName',
          exec_mode: 'cluster',
          instances: 'max',
          script: './server/index.mjs',
          env: {
            NODE_ENV: 'production',
            PORT: 80
          }
        }
      ]
    };
    

    请注意,您需要根据实际情况修改 namescriptPORT 字段的值。


步骤 3:安装并启动 PM2

现在,我们将安装并启动 PM2,以便在生产环境中运行 Nuxt.js 3 项目。

  1. 使用以下命令全局安装 PM2(如果尚未安装):

    npm install -g pm2
    
  2. 使用 PM2 启动应用程序(使用之前创建的 ecosystem.config.js 文件):

    pm2 start ecosystem.config.js
    

    PM2 将会根据配置文件启动您的 Nuxt.js 3 应用程序,并在后台持续运行。


恭喜!您已成功将 Nuxt.js 3 项目部署到生产环境中。您的应用现在应该能够通过指定的端口访问。