nuxt3打包部署项目到服务器

2023.02.24 22:00

好物推荐

前面分享了使用nuxt3项目搭建及搭建时遇到的问题解决方法,当项目开发完成后需要打包部署到服务器,这里分享一下nuxt3的打包部署。


1,进入项目目录,运行打包命令:

npm run build

命令执行完成后会在根目录生成.output文件夹,将生成的文件上传到服务器。


2,使用Node.js服务启动项目

node .output/server/index.mjs


启动成功,配置好nginx,就大功告成了😀



使用PM2启动项目


1,在项目目录创建ecosystem.config.js,内容如下:

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


2,使用PM2命令启动

pm2 start ecosystem.config.js


3,查看启动的服务列表

pm2 list

如果服务是online说明启动成功,这时候再浏览器一下项目,就可以正常访问了。


4,设置自动重启

设置自动重启,这样当服务器故障或者重启的时候,pm2服务能自动重启,就不需要每次服务器挂了还要人为敲命令去重启pm2服务。

pm2 startup


服务器重启后自动启动服务 linux 服务器可以直接执行,而windows服务器就需要安装下边的插件才可以。


①保存启动的服务列表状态,这一步是必不可少的

pm2 save


②全局安装 pm2-windows-startup

npm install pm2-windows-startup -g


③设置 pm2-startup

pm2-startup install


设置成功后,重启一下服务器,然后打开命令行,输入pm2 list看一下服务状态,然后再看一下网站是否能正常访问,能正常访问就说明设置成功。

若有收获,就给个鼓励吧

我要:
蜀ICP备2024070963号Iwecore © 2020-2024. All Rights Reserved.