如何通过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

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

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

标签:pm2nuxt3
如若转载请注明原文及出处:https://www.dsiab.com/post/d435197f-f03f-481b-9c4a-f33d2875d317
本站文章由javascript技术分享原创和收集,内容如有问题,请联系站长删除。