nuxt.js 服务端渲染框架构建的项目部署到服务器，并用 PM2 守护程序

最近项目呢用到了nuxt为了seo没办法，项目开发完了现在遇到了一个问题咋打包上线，以前我们都是npm build完了之后就把dist包放到web服务器的工作目录下面就可以了比如nginx的www目录下面，但是服务端渲染的不一样，好了咱们开始配置吧。

第一步 配置 nginx

安装nginx 可以参考这个 安装nginx 这个我们给出nginx的配置

    location / {
        index  index.html index.htm index.php;  
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://127.0.0.1:3000; #后端服务器，具体配置upstream部分即可  
        }

第二步 在服务器上新建一个文件夹 上传如下文件

.nuxt 文件你需要在项目下面 执行下面 命令得到

npm bulid

后面直接就

npm install

我的配置

 "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"
  },
  "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "post": 3000
    }
  },

最后启动

pm2 start npm --name nuxt -- start

pm2 简单介绍

pm2是nodejs的一个带有负载均衡功能的应用进程管理器的模块，类似有Supervisor，forever，用来进行进程管理。

一、安装：

• npm install pm2 -g

  二、启动：

• pm2 start app.js

• pm2 start app.js --name my-api #my-api为PM2进程名称

• pm2 start app.js -i 0 #根据CPU核数启动进程个数

• pm2 start app.js --watch #实时监控app.js的方式启动，当app.js文件有变动时，pm2会自动reload

  三、查看进程：

• pm2 list

• pm2 show 0 或者 # pm2 info 0 #查看进程详细信息，0为PM2进程id

  四、监控：

• pm2 monit

  五、停止：

• pm2 stop all #停止PM2列表中所有的进程

• pm2 stop 0 #停止PM2列表中进程为0的进程

  六、重载：

• pm2 reload all #重载PM2列表中所有的进程

• pm2 reload 0 #重载PM2列表中进程为0的进程

  七、重启：

• pm2 restart all #重启PM2列表中所有的进程

• pm2 restart 0 #重启PM2列表中进程为0的进程

  八、删除PM2进程：

• pm2 delete 0 #删除PM2列表中进程为0的进程

• pm2 delete all #删除PM2列表中所有的进程

  九、日志操作：

• pm2 logs [--raw] #Display all processes logs in streaming

• pm2 flush #Empty all log file

• pm2 reloadLogs #Reload all logs

  十、升级PM2：

• npm install pm2@lastest -g #安装最新的PM2版本

• pm2 updatePM2 #升级pm2

  十一、更多命令参数请查看帮助：

• pm2 --help

原博客地址 https://www.51csdn.cn/article/383.html

本作品采用《CC 协议》，转载必须注明作者和本文链接