Nginx部署Nuxt

一起探讨学习

每天给大家提供技术干货

博主技术笔记 https://notes.xiyankt.com

博主开源微服架构前后端分离技术博客项目源码地址，欢迎各位star https://gitee.com/bright-boy/xiyan-blog

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

nginx安装 参考

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/;
    }
   }