本文介绍: 使用PM2部署nuxt3项目, 众所周知,nuxt3.js基于vue开发ssr,seo项目比较好的框架,那么开发完成项目如何部署nuxt项目也是比较重要的,接下来记录一下我在开发中是如何部署的。

众所周知,nuxt3.js是基于vue开发ssr,seo项目比较好的框架,那么开发完成项目,如何部署nuxt项目也是比较重要的,接下来记录一下我在开发中是如何部署的。

篇文章只是对配置环境变量做了详细介绍,但是如何部署一带而过,是因为那个时候没怎么研究pm2,正好现在得空,研究成功并上线,本篇文章就详细介绍如何部署。

一步打包项目部署到服务器

npm run build:prod
复制代码

打包后的文件提交服务器就好了我们公司内都是采用jekins将项目自动化打包部署,代码提交自动执行命令,就可以了。

第二步:服务器安装pm2

切记一定要全局安装,这样的话服务器任意一个命令窗口都可以使用,我就是一开始没有全局安装,导致使用pm2时找不到命令

npm install pm2 -g 
复制代码

第三步:启动服务

pm2 start ecosystem.config.js//然后使用下边的命令看一下启动的服务列表
pm2 list  
复制代码

如果服务online说明启动成功,这时候浏览器看一下自己项目,可以正常访问

这里解释一个小疑惑:我在上一篇文章中写的启动命令是 pm2 startenv uat,但是在这片中文中写的又是这个命令,其实这俩是一样的,因为我之前打包时候已经区分了环境,所以这个时候直接启服务就好了

第四步:设置自动重启

一步的意义就在于当服务器故障或者重启的时候,pm2服务自动重启,就不需要每次服务器挂了还要人为敲命令去重启pm2服务

pm2 startup 设置服务器重启自动启动服务 linux 服务器可以直接执行 ,而windows服务器需要安装下边的插件才可以

// 这一步是必不可少的
pm2 save
复制代码
cnpm install pm2-windows-startup -g
复制代码
pm2-startup install
复制代码

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

结束

到此,pm2部署nuxt项目就成功了,接下来记一下常用到的pm2命令。

命令

用途

pm2 list

查看启动的服务列表

pm2 restart nuxtjsDemo

重启名为nuxtjsDemo的服务

pm2 stop nuxtjsDemo

终止名为nuxtjsDemo的服务

pm2 delete nuxtjsDemo

删除名为nuxtjsDemo的服务

pm2 kill

杀掉服务

pm2 logs nuxtjsDemo

查看名为nuxtjsDemo的服务日志

原文地址:https://blog.csdn.net/qq_60583002/article/details/129594855

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_22032.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注