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看一下服务状态,然后再看一下网站是否能正常访问,能正常访问就说明设置成功。