📄 前端部署到非nginx根路径

前端部署在非 nginx 根路径

当前项目前端和部分配置支持将项目部署在非 nginx 根目录下，有需要的小伙伴可以按照以下教程进行修改。

① 修改打包时的前端路径

• 修改env.ts 中的配置，增加 VITE_PUBLIC_PATH=/pigx/ 前缀配置。

② 执行 npm run build 打包

③ 调整 nginx 配置

注意：如果静态资源目录配置的 root 路径为 /data/，需要在 /data/ 目录下创建 ${VITE_PUBLIC_PATH} 目录，并将构建后的 dist 目录文件复制到该目录中。

client_max_body_size  64m; # 最大上传文件大小!
server {
    listen 80;
    server_name localhost;

    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)";

    # 在 data 目录下创建 pigx （和上文配置前缀一致） 目录，将打包的 dist 文件夹复制到该目录下
    root /data/;

    location ^~/api/ {
        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;
    }
}

特别说明

经过以上修改后，项目基本可以正常使用，但仍需详细测试所有业务功能是否正常。