如何在 Spring Boot 中从不同 URL 上的同一目录返回文件？

Question

我有简单的 AngularJS 单页应用程序和用于后端的 Spring Boot。我需要在不同的 URL 上返回 index.html。我创建了这种控制器：

@Controller
public class WebResourcesController {

    @RequestMapping(value = {"/sample", "/sample/pages"},  method = RequestMethod.GET)
    public String index() {
        return "index";
    }

}

但对 localhost:8080/sample/pages 的请求返回状态 404。仍然当我向 localhost:8080/sample 发送请求时，我得到了正确的 html 文件和页面加载。我在resources/public 文件夹中有我的index.html。我认为 localhost:8080/sample/pages 请求试图在 sample/pages 文件夹而不是 / 中查找资源。我该如何解决这种问题？

Answer 1

我会使用自定义 PathResourceResolver 配置 WebMvcConfigurerAdapter：

@Configuration
public class SinglePageAppWebMvcConfigurer extends WebMvcConfigurerAdapter
{
    @Autowired
    private ResourceProperties resourceProperties;

    private String apiPath;

    public SinglePageAppWebMvcConfigurer()
    {
    }

    public SinglePageAppWebMvcConfigurer(String apiPath)
    {
        this.apiPath = apiPath;
    }

    protected String getApiPath()
    {
        return apiPath;
    }

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry)
    {
        registry.addResourceHandler("/**")
            .addResourceLocations(resourceProperties.getStaticLocations())
            .setCachePeriod(resourceProperties.getCachePeriod()).resourceChain(true)
            .addResolver(new SinglePageAppResourceResolver());
    }

    private class SinglePageAppResourceResolver extends PathResourceResolver
    {
        @Override
        protected Resource getResource(String resourcePath, Resource location) throws IOException
        {
            Resource resource = location.createRelative(resourcePath);
            if (resource.exists() && resource.isReadable()) {
                return resource;
            } else if (getApiPath() != null && ("/" + resourcePath).startsWith(getApiPath())) {
                return null;
            } else {
                LoggerFactory.getLogger(getClass()).info("Routing /" + resourcePath + " to /index.html");
                resource = location.createRelative("index.html");
                if (resource.exists() && resource.isReadable()) {
                    return resource;
                } else {
                    return null;
                }
            }
        }
    }
}