ac域名网站,html企业网站实例,网站开发工程师发展趋势,男男做的视频网站PM2Linux部署nuxt.js
开始我使用了docker部署我的springboot项目#xff0c;链接在这里#xff0c;因为我是前后端分离项目#xff0c;前端使用的nuxt.js框架#xff0c;所以需要另外部署一下项目#xff0c;以下是部署流程
1.将本地的nuxt项目打包
npm run build
#生成…PM2Linux部署nuxt.js
开始我使用了docker部署我的springboot项目链接在这里因为我是前后端分离项目前端使用的nuxt.js框架所以需要另外部署一下项目以下是部署流程
1.将本地的nuxt项目打包
npm run build
#生成的dist在.nuxt文件夹中2.部署linux服务器环境
1.将.nuxtstaticnuxt.config.jspackage.jsonpackage-lock.json放进自己创建的文件夹中我这里的创建在/home/vue-front中
#注意 在nuxt.config.js中要添加这个配置
server: {port: 8170, // default: 3000host: 0.0.0.0 // default: localhost
}2.执行npm install方法构建环境
npm install[外链图片转存中…(img-t8DL3IRr-1712724068296)]
这个图就代表成功
3.配置nginx环境
我用的docker配置nginx
#1.拉取镜像docker pull nginx
#2./home文件夹下新建docker文件夹docker文件夹下新建nginx文件夹nginx文件夹下新建conf.d文件夹html文件夹大致结构如下
/home|---docker|----nginx|----conf.d|----html
#3.在conf.d文件夹下新建default.conf文件内容如下
upstream nuxt {# 这里就是上面配置的 Node ip 端口号之前默认是 localhost:3000server 172.19.1.180:8170;keepalive 64;}
server {listen 8170;# 这里的端口服务器的端口server_name 114.55.238.50;# 服务器的域名location / {proxy_pass http://nuxt;# (这里的nuxt对应上面upstream xxx)index index.html index.htm;# try_files $uri $uri/ /index.html; #解决页面刷新404问题}
}
#4.启动容器
docker run -d -p 80:80 -v /home/docker/nginx/conf.d:/etc/nginx/conf.d --name mynginx nginx4.启动nuxt
npm run start [外链图片转存中…(img-5aeOQgVS-1712724068297)]
这个页面就代表启动成功
5.使用ip进行访问
#因为我nginx上使用的114.55.238.50这个域名所以直接使用这个进行访问
114.55.238.50:81706.使用PM2进行nuxt项目的进程守护
因为如果仅仅使用npm run start只是在服务器上暂时开启这个服务跟执行npm run dev一样使用过npm run dev的童鞋都知道如果在运行中的时候讲命令行工具关闭或者结束进程咱们的网站就访问不了了同样在服务器端也存在这种问题比如服务器进程中断了都会导致网站无法访问所以这个时候咱们就需要使用pm2来做一个进程守护具体添加pm2的流程及配置见下文
1.使用pm2之前我们需要先进行安装pm2包在我们本地开发也好或者在服务器上操作都一样打开终端命令行工具输入以下命令Node环境下
npm install -g pm2安装好以后可以使用以下命令来查看pm2是否安装成功能够返回版本号说明安装成功
pm2 -v2.在程序的根目录创建pm2.json,内容为下
[{name: 项目名,script: npm run start,env_dev: {NODE_ENV: development},env_production: {NODE_ENV: production},}
]3.启动pm2
pm2 start pm2.json7.PM2常用命令
pm2 list # 列表 PM2 启动的所有的应用程序
pm2 monit # 显示每个应用程序的CPU和内存占用情况
pm2 show [app-name] # 显示应用程序的所有信息
pm2 logs # 显示所有应用程序的日志
pm2 logs [app-name] # 显示指定应用程序的日志
pm2 flush # 清空所有日志文件
pm2 stop all # 停止所有的应用程
pm2 stop 0 # 停止 id为 0的指定应用程序
pm2 restart all # 重启所有应用
pm2 reload all # 重启 cluster mode下的所有应用
pm2 delete all # 关闭并删除所有应用
pm2 delete 0 # 删除指定应用 id 0
pm2 startup # 创建开机自启动命令
pm2 save # 保存当前应用列表关闭并删除所有应用 pm2 delete 0 # 删除指定应用 id 0 pm2 startup # 创建开机自启动命令 pm2 save # 保存当前应用列表
