编译PC2

html

一、环境要求

服务器需要安装node.js和PM2

nodejs推荐版本v16

二、修改代码配置

1） 修改后台地址和token

static/config.js

2） 修改seo配置(废弃)

static/seo.json

在seo.json那里根据自己的需求修改title、description、image。

3）修改端口

PC2默认是占用3000端口，如果您的3000端口已经被使用了，就需要修改端口

在package.json里添加这段代码

"config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "3000" 
    }
  },

三、编译

目前编辑有两种方式，一种是在本地编译好后，将编译好后的文件上传到服务器上，一种是代码直接上传到服务器，在服务器里编译。

• 本地编译

1、打开cmd，cd到PC代码文件夹，执行npm install，安装npm后，再执行npm run build。

2、将 .nuxt static nuxt.config.js package.json 文件导入网站根目录下，然后在根目录下执行npm install。

• 服务器端编译

将PC代码导入到网站根目录下，然后在该目录下执行npm install，安装npm后，再执行npm run build

四、pm2启动服务

在网站根目录下，执行pm2 start npm --name "pc" -- run start。

五、设置pm2开机自启动项目

① 输入pm2 save

② 输入 pm2 startup

③ 输入 systemctl enable pm2-root

六、反向代理端口

因为PC2的默认端口是3000，所以需要反向代理，使用户能够访问80端口。

• 宝塔

• 原生环境

server{
    listen 80;
    server_name xxx.com; #PC域名

    charset utf-8;

    location / {
        proxy_pass         http://127.0.0.1:3000; #实际url
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_set_header Connection "upgrade";
            proxy_set_header Upgrade $http_upgrade;
            proxy_read_timeout 120s;    
    }

    location = /favicon.ico {
        log_not_found off;
        access_log off;
    }
}

七、更新

将PC的更新代码覆盖到本地或者服务器上，进行npm run build编译，本地还需要把编译好的相关文件同步到服务器上，再在网站根目录下执行pm2 restart pc，就更新完成了。