img

centos7部署两台或多个nuxt

2023-06-11 0条评论 504次阅读 JavaScript


服务器如何部署两台或多台nuxt系统呢?网上也没有具体方案,为了这个实验,在今天刚好有时间研究一下并记录。

首页,假设你服务器已经有了一个nuxt服务了,如果你不会如何部署可以看一下这篇文章:nuxt.js部署vue应用到服务端过程

首先另一台的nuxt端口要不一样

// nuxt.config.js
server: {
    port: '3002',
    host: '0.0.0.0',
},

配置nginx

upstream nodenext {
    server 127.0.0.1:3002;
    keepalive 64;
}

server {
    server_name nuxt2-app.liuhai.work;
    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Nginx-Proxy true;
        proxy_cache_bypass $http_upgrade;
        proxy_pass http://nodenext;
    }
}
server {
    listen 81; # 注意,上一个nuxt服务器端口是80,这里要改成81
    server_name nuxt2-app.liuhai.work;
    rewrite ^(.*) http://$host$1 permanent;
}

配置pm2

回到你上传nuxt的文件夹里面:

# package.json里面的name就是: "name": "nuxt2app",
pm2 start npm --name "nuxt2app" -- run start

打开页面,访问域名就可以了。

🏷️ #nuxt2#nuxtjs

💬 COMMENT


🦄 支持markdown语法

👋友