本章文档对应视频 📺 宝塔部署前端

宝塔是什么

安全高效的服务器运维面板

使用宝塔前： 手工输入命令安装各类软件，操作起来费时费力并且容易出错，而且需要记住很多 Linux 的命令，非常复杂。

使用宝塔后： 2 分钟装好面板，一键管理服务器，鼠标点几下就能替代以前的复杂繁多命令，操作简单，看一眼就会使用。

一、 部署宝塔

① 通过脚本安装宝塔

本文以 CentOS & 宝塔 v7.9 版本为例

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

② 通过宝塔面板安装 nginx

③ 添加站点

④ 编辑站点配置文件

gzip on;
gzip_static on;     # 需要http_gzip_static_module 模块
gzip_min_length 1k;
gzip_comp_level 4;
gzip_proxied any;
gzip_types text/plain text/xml text/css;
gzip_vary on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";

# 若新增后端路由前缀注意在此处添加（|新增）
location ~* ^/(code|auth|admin|monitor|gen|job|tx|act|mp|pay|jimu|aj) {
    proxy_pass http://pigx-gateway:9999; #注意/后缀
    proxy_connect_timeout 60s;
    proxy_read_timeout 120s;
    proxy_send_timeout 120s;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto http;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $http_host;
}

# 避免端点安全问题
if ($request_uri ~ "/actuator"){
    return 403;
}

二、部署 PIGX-UI 前端工程

① 构建前端页面

cd pigx-ui

npm install

npm run build

② 构建产物上传至 站点静态资源目录

访问预览

宝塔 IP:80