Nuxt.js（Vue SSR）创建项目到服务器（Nginx+PM2）部署详细流程（下）

export default {
  head: {...},
  css: [...],
  // 配置服务器（主要是这个配置）
  server: {
    // port: 8000, // default: 3000
    host: '0.0.0.0', // default: localhost (推荐)
    // host: '0', // 等于 host: '0.0.0.0' 这样配置，在mac上这么配置没问题，但是在window上这么配置有报错。
    timing: false
  },

╭─────────────────────────────────────────╮
 │                                         │
 │   Nuxt @ v2.14.12                       │
 │                                         │
 │   ▸ Environment: development             │
 │   ▸ Rendering:   server-side            │
 │   ▸ Target:      server                 │
 │                                         │
 │   Memory usage: 29.4 MB (RSS: 74 MB)    │
 │                                         │
 │   Listening: http://10.0.93.169:3000   │
 │                                         │
 ╰─────────────────────────────────────────╯

$ npm install -g pm2
// 可以通过 -h 查询使用方式
$ pm2 -h

$ git clone xxxxx.git
// 如果存在代码就拉一下代码 保持最新
$ git pull

.nuxt
static
nuxt.config.js
package.json
package-lock.json

$ npm install

$ npm run build

// 之前是通过 $ npm run dev 或者 $ npm run start，但是命令行窗口不能关闭
// 启动开发环境后台挂起，列举了常用的几种方式，任意选一种
$ pm2 start npm -- run dev
$ pm2 start npm --name "你的项目名称" -- run dev
$ pm2 start ./node_modules/nuxt/bin/nuxt.js 
....
// 启动生产环境后台挂起，列举了常用的几种方式，任意选一种
$ pm2 start npm -- run start
$ pm2 start npm --name "你的项目名称" -- run start
....
// 例如：服务器启动开发环境，开发环境只需要一行命令
$ pm2 start ./node_modules/nuxt/bin/nuxt.js 
// 例如：服务器启动生产环境，生产环境需要先 build 在 start
$ npm run build
$ pm2 start npm --name "nuxt-test" -- run start
// window 电脑注意：上面命令在 MAC 跟 服务器都可以生效，但是在 window 上如果做测试,
// 有部分命令无法生效，我用window 用的少，所以也没去深入折腾，这里给一下建议：
// window 电脑本地测试PM2挂开发环境，生产环境目前上面几种启动方式都无法挂载成功，直接上服务器挂就行了，本地只是用于测试，开发环境也不影响测试。
// 只能通过这行命令启动开发环境，生产环境的命令挂起无效，暂时没解决
$ pm2 start ./node_modules/nuxt/bin/nuxt.js 

┌─────┬──────────────┬─────────────┬─────────┬─────────┬──────────┬────────┬──────┬───────────┬──────────┬──────────┬──────────┬──────────┐
│ id  │ name         │ namespace   │ version │ mode    │ pid      │ uptime │ ↺    │ status    │ cpu      │ mem      │ user     │ watching │
├─────┼──────────────┼─────────────┼─────────┼─────────┼──────────┼────────┼──────┼───────────┼──────────┼──────────┼──────────┼──────────┤
│ 0   │ nuxt-test    │ default     │ N/A     │ fork    │ 1190     │ 0s     │ 0    │ online    │ 0%       │ 7.8mb    │ den… │ disabled │
└─────┴──────────────┴─────────────┴─────────┴─────────┴──────────┴────────┴──────┴───────────┴──────────┴──────────┴──────────┴──────────┘

// 删除单个挂起进程
$ pm2 delete id
// 删除全面挂起进程
$ pm2 delete all
例如：
$ pm2 delete 0

╭──────────────────────────────────────────╮
 │                                          │
 │   Nuxt @ v2.14.12                        │
 │                                          │
 │   ▸ Environment: production              │
 │   ▸ Rendering:   server-side             │
 │   ▸ Target:      server                  │
 │                                          │
 │   Memory usage: 29.4 MB (RSS: 74.6 MB)   │
 │                                          │
 │   Listening: http://10.0.90.164:3000/    │
 │                                          │
 ╰──────────────────────────────────────────╯

http {
  # 新建一个 nuxt server 服务
  upstream nuxt {
    # 这里就是上面配置的 Node ip + 端口号，之前默认是 localhost:3000
    server 0.0.0.0:3000;
    keepalive 64;
  }
  server {
    listen 8083; #服务器端口
    server_name www.nuxt.com;  #这里对应你服务器的域名
    location / {
        proxy_pass http://nuxt;  #这里对应上面 upstream 中新建的服务名
        index index.html index.htm;
    }
  }
}