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部分即可  
    }

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

.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