欢迎大家进群,一起探讨学习
微信公众号,每天给大家提供技术干货
博主技术平台地址
博主开源微服架构前后端分离技术博客项目源码地址,欢迎各位star
# 1.node安装
yum install wget
http://nodejs.org/dist/latest-v10.x/node-v10.24.1-linux-x64.tar.gz
vi /etc/profile
加入如下配置
export NODE_HOME=/root/node-v10.24.1-linux-x64
export PATH=$PATH:$NODE_HOME/bin
source /etc/profile
node -v
npm -v
这样你的node就安装成功了
2.部署项目
mkdir nuxt-xiyan-frontend && cd nuxt-xiyan-frontend
上传项目
先执行 npm run build
npm run build
把项目下的.nuxt,static,package.json,nuxt.config.js,这四个文件夹放到服务器nuxt-xiyan-frontend目录下
2.1安装依赖
npm install
2.2修改ip (需要外部访问的话,改为ip,nginx代理的话,这里不需要改)
vi package.json
2.2启动
npm start
三:pm2开启进程守护 (默认关闭xshell就不停止应用)
npm install -g pm2
pm2 start npm --name "nuxt-xiyan-frontend" -- run start #nuxt-xiyan-frontend的名称是我们在package中的项目名称
执行完pm2的启动命令后,我们用 pm2 list 查看一下进程列表,我截一下我个人服务器的pm2列表
简单的介绍一下pm2的命令:
pm2 start app.js # 启动app.js应用程序
pm2 start app.js -i 4 # cluster mode 模式启动4个app.js的应用实例
# 4个应用程序会自动进行负载均衡
pm2 start app.js --name="api" # 启动应用程序并命名为 "api"
pm2 start app.js --watch # 当文件变化时自动重启应用
pm2 start script.sh # 启动 bash 脚本
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 gracefulReload all # Graceful reload all apps in cluster mode
pm2 delete all # 关闭并删除所有应用
pm2 delete 0 # 删除指定应用 id 0
pm2 scale api 10 # 把名字叫api的应用扩展到10个实例
pm2 reset [app-name] # 重置重启数量
pm2 startup # 创建开机自启动命令
pm2 save # 保存当前应用列表
pm2 resurrect # 重新加载保存的应用列表
pm2 update # Save processes, kill PM2 and restore processes
pm2 generate # Generate a sample json configuration file
关闭xshell测试是否守护进程成功
4.nginx部署nuxt
server {
listen 80;
server_name xiyanit.cn www.xiyanit.cn;
location / {
proxy_pass http://127.0.0.1:9080/;
#try_files $uri $uri/ /index.html;
}
location /xiyan/ {
proxy_pass http://127.0.0.1:9081/;
}
}