如何通过pm2部署nuxt3应用？

大家好我是图恩，最近在对网站进行重构，将目前网站框架由Nuxt2.0升级到nuxt3.0，nuxt3基于vue3.0开发，在2022-11-16号已经正式发布。

官网地址：https://nuxt.com/v3

nuxt3跟nuxt2相比无论是开发还是部署还是有不少的差异，本期重点讲解如果pm2部署nuxt3应用。

前期准备工作:

1、安装Node，版本在16.0以上,可用通过npm的n包进行node版本管理以及升级

// 全局安装n包
sudo npm install n -g
// 通过n包安装指定版本的Node
sudo n 16.18.1

2、安装pm2

// 全局安装pm2
npm i pm2 -g

部署步骤(方案一)：

1、在项目根目录新建ecosystem.config.js，文件内容如下：

module.exports = {
    apps: [
      {
        name: 'NuxtAppName',
        script: './.output/server/index.mjs'
      }
    ]
  }
  

2、在项目根目录下执行npm run build 编译项目，编译成功后会生成.output 文件夹。

3、在项目根目录下执行以下命令启动Nuxt应用：

pm2 start ecosystem.config.js

方案二：

不通过新建config文件的形式直接以最简单的方式运行，build成功后进入/.output/server目录，执行以下命令也可以启动应用：

pm2 start index.mjs

命令执行成功后通过pm2 list命令可以看到应用运行状态：

启动成功后看看网站是否能正常访问，如果在linuxt环境下执行相关命令的时候提示无权限请在命令前面加上sudo，这样可以以管理员权限执行某些权限不足的命令。

本文章由javascript技术分享原创和收集