自定义后台页面相对路径

3.7.3+ 支持

JeecgBoot 存在部分功能是后台页面，比如 积木大屏 积木报表 表单设计，如果想通过nginx映射访问，可以按照下面文档配置。

开发环境配置(前端+后端)

一、配置后端

1、将server.servlet下的context-path属性设置为空

2、 自定义Jeecg资源请求前缀（解决nginx转发js、css问题）例如：custom-prefix

jeecg:
  # 自定义资源请求前缀（解决nginx转发js、css问题）
  custom-resource-prefix-path: /custom-prefix

3、自定义积木报表的前缀

jeecg :
  jmreport:
    #自定义项目前缀
    customPrePath: custom-prefix

二、配置前端

前端本地调试

1、修改.env.development文件中属性VITE_GLOB_DOMAIN_URL，例如改成：custom-prefix

VITE_PROXY = [["/custom-prefix","http://localhost:8080"],["/upload","http://localhost:3300/upload"]]
VITE_GLOB_API_URL=/custom-prefix
VITE_GLOB_DOMAIN_URL=/custom-prefix

上线发布配置(nginx)

1、修改.env.production文件中的属性 VITE_GLOB_DOMAIN_URL改成相对路径，比如：custom-prefix

VITE_GLOB_API_URL=/custom-prefix
VITE_GLOB_DOMAIN_URL=/custom-prefix

2、运行build打包

3、修改nginx配置如下所示：

    server {
        listen       3200;
        server_name  localhost;
        # 修改成你的编译后的文件存储的地址
        root		 /web/jeecgboot-vue3/dist;

        location / {
            try_files $uri $uri/ /index.html;
        }

        # `custom-prefix`是你自定义的前缀
        location /custom-prefix {
            proxy_pass http://localhost:8080;
            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 X-Forwarded-Proto $scheme;
        }
    }

4、如果你在 配置后端 时配置了context-path（例如 /jeecg-boot），修改nginx配置如下所示：

    server {
        listen       3200;
        server_name  localhost;
        # 修改成你的编译后的文件存储的地址
        root		 /web/jeecgboot-vue3/dist;

        location / {
            try_files $uri $uri/ /index.html;
        }

        # 注意将`custom-prefix`替换成你的真实自定义前缀
        location /custom-prefix {
            proxy_pass http://localhost:8080/jeecg-boot;
            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 X-Forwarded-Proto $scheme;
        }
    }