美文网首页
Nuxt.js服务器部署教程

Nuxt.js服务器部署教程

作者: JakeBless | 来源:发表于2019-11-29 17:02 被阅读0次

    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

    相关文章

      网友评论

          本文标题:Nuxt.js服务器部署教程

          本文链接:https://www.haomeiwen.com/subject/ayygwctx.html