Nuxt.js服务器部署教程

1. 准备一台云服务器

1.1 推荐阿里的esc吧，尽量选择一个双核服务器，为什么要选择双核的服务器后面会讲到。（我这里选择的镜像是centos 7.5, 如果是测试用可以买一个月甚至一周的）

1.2 ssh登录（git bash或者xshell）

1.3 ssh 注意公网ip： ssh root@ip 然后输入密码就好了，如果发现登录不了，重启一下实例再试

2. 安装nodejs

2.1 root账户（一般默认都是）登录ssh上服务器

2.2 获取linux安装包链接：打开 https://nodejs.org/zh-cn/download/ 选择linux二进制文件，然后再浏览器上把下载那个链接复制出来

2.3 在服务器上下载nodejs, 并解压

cd /home
wget https://nodejs.org/dist/v12.13.0/node-v12.13.0-linux-x64.tar.xz
版本可能会更新，自己替换为你下载的那个版本
tar xvf node-v12.13.0-linux-x64.tar.xz

2.4 解压完成以后，删除压缩包，然后将解压出来那个目录重命名一下

rm node-v12.13.0-linux-x64.tar.xz
mv node-v12.13.0-linux-x64 nodejs

2.5 将node和npm命令添加到全局

 ln -s /home/nodejs/bin/node /usr/local/bin/node
 ln -s /home/nodejs/bin/npm /usr/local/bin/npm

这里要注意，需要从/根目录设置，不然是无效的，也就是说不能 ln -s nodejs/bn/node /usr/local/bin/node

2.6 测试一下

cd /
node -v

3. 安装git

直接在home目录（我的esc实例是centos 7.5 默认是有yum工具）

yum install git 
 git -v

4. 拉取项目

git clone xxx 
npm install
npm run build

5. 安装pm2

5.1 安装

npm install -g pm2
# 然后需要将pm2建立软连接，pm2的bin文件是在nodejs/bin/pm2, 所以：
ln -s /home/nodejs/bin/pm2 /usr/local/bin/pm2

5.2 使用pm2把我们的nuxt项目跑起来

cd /var/www/my-nuxt && pm2 start npm -- run start
pm2 list

使用 pm2 list 命令就可以看到我们起的node进程
测试一下访问是否正常

curl localhost:3000

6. 安装nginx

这会儿我们就需要装个nginx，因为通常我们的服务器对外网只允许80端口，所以需要ngnix做一个转发

安装教程：https://www.cnblogs.com/Hedgehogcat/p/11599174.html
(注意如果出现了 configure: error: C compiler cc is not found)
访问 https://www.cnblogs.com/jpfss/p/9694842.html 解决

安装完之后，我们需要配置一个简单的proxy代理

（这里只是简单的配置了转发所有访问到nuxt使用的默认3000端口，线上项目可以根据自己的需求来修改参考nginx的配置）

vi /usr/local/nginx/conf

localhost:3000(nuxt start的默认端口)

# location / {
#    root  html;
#    index  index.html index.htm;
# }
# 代理了服务器的所有请求到nuxt起的端口上
location / {
   proxy_pass http://127.0.0.1:3000;
}

把默认的location注释掉，然后到nginx目录启动目录重启nginx

 /usr/local/nginx/sbin
./nginx -s reload

直接访问服务器ip试试~

7. 关于集群

pm2 的 cluster模式可以支持同一个端口，集群多个实例。由于nodejs是单线程，所以一核开一个实例，也就是说双核的服务器最多支持开两个实例，为什么文章开头让至少买一个双核的服务器，意义就在这里了。

7.1 在项目根目录 pm2 init 发现生成了一个 ecosystem.config.js

7.2. vi ecosystem.config.js

module.exports = {
  apps: [{
    name: 'nuxt-app',
    script: './node_modules/nuxt/bin/nuxt.js',  // 不能用npm run start 的命令，会报错端口占用
    args: 'start',
    // Options reference: https://pm2.io/doc/en/runtime/reference/ecosystem-file/
    instances: 2, // 实例个数，也可以填 'max' 自动匹配服务器支持的最大实例数
    exec_mode: 'cluster',
    autorestart: true,
    watch: false,
    max_memory_restart: '1G', // 我的服务器是1g内存，当超过1g内存，会重启
    env: {
      NODE_ENV: 'development'
    },
    env_production: {
      NODE_ENV: 'production'
    }
  }]
};

7.3. 编辑保存完之后，执行pm2 start，使用pm2 list 查看当前状态

最后如何测试两个实例都在正常工作

我们pm2 list, 可以看到当前的node进程状态，现在我们发现有两个进程：0 和 1，此时我们试着pm2 stop 0 ，关掉第一个，看还能不能访问，同样的方法关掉1，打开0，如果都是正常的，那就说明我们部署成功了。

8. 关于性能监控

性能监控这一块还有待学习，下面找了一个linux机器的系统负载常用命令

https://blog.csdn.net/qq_36357820/article/details/76606113