springboot3集成时，无法正常打开ui的问题及解决办法和建议

*  #### 当前使用的Luck-Report的具体版本号：

1.0.2

*  #### 遇到的问题描述：

springboot3集成时，无法正常打开ui

*  #### 建议
建义把下面代码，增加进帮助文档。

```
import java.util.Arrays;
import java.util.List;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.autoconfigure.web.servlet.error.ErrorViewResolver;
import org.springframework.http.HttpStatus;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.ModelAndView;

import jakarta.servlet.http.HttpServletRequest;

@Component
public class LuckReportSpaErrorResolver implements ErrorViewResolver {

//    @Value("${luck-report.servletPrefix:/luck-report}")
    private String servletPrefix="/luck-report";

//静态资源后缀，出现这些后缀直接放过，返回原始404
    private static final List<String> STATIC_SUFFIX = Arrays.asList(".js",".css",".png",".jpg",".jpeg",".gif",".ico",".svg",".woff",".woff2");

@Override
    public ModelAndView resolveErrorView(HttpServletRequest request, HttpStatus status, java.util.Map<String, Object> model) {
        if (!HttpStatus.NOT_FOUND.equals(status)) {
            return null;
        }
        String uri = (String) request.getAttribute("jakarta.servlet.error.request_uri");
        if(uri == null){
            uri = request.getRequestURI();
        }
        // 判断前缀
        if(!uri.startsWith(servletPrefix+"/")){
            return null;
        }
        //排除index.html自身
        if(uri.equals(servletPrefix+"/index.html")){
            return null;
        }
        //如果包含静态资源后缀，直接返回null，原始404
        boolean isStatic = STATIC_SUFFIX.stream().anyMatch(uri::endsWith);
        if(isStatic){
            return null;
        }
        //SPA路由，转发index.html
        return new ModelAndView("forward:" + servletPrefix + "/index.html");
    }
}

```
集成方式：
luck-report-ui 部分
luck-report-ui/src/utils/request.js 修改 baseURL: '/api' 为你项目里配置的名字 luck-report.servletPrefix=
luck-report-ui 编译打包 npm run build:dev
把dist/目录下所有的文件复制到你的项目下
![输入图片说明](https://foruda.gitee.com/images/1788274838878830923/da17d2d0_17480526.png "屏幕截图")

luck-report-server部分
编译打包 mvn clean install -DskipTests
引入到你项目的pom.xml里

```
 
<dependency>
    <groupId>com.luck.cloud</groupId>
    <artifactId>luck-report-spring-boot3-starter</artifactId>
    <version>1.0.2</version>
</dependenc
```
访问方式：
http://127.0.0.1:[port]/luck-report/report/designer

LuckyPools / luck-report

内容风险标识

评论 (1)

LuckyPools / luck-report .gitee-modal { width: 500px !important; }

内容风险标识