为SPA前端配置Spring Boot（5.3）布线

Question

我有一个简单的前端应用程序，使用Angular。所有路由都是由Angular处理的，所以我希望Spring boot将所有页面流量转发到Angular路由可以处理它们。

stackoverflow中已经有一些已知的答案。它们是：

• 任何url上的spring boot单页应用程序路由
• 为spa前端配置spring boot
• spring-boot-with-redirecting-with-single-page-angular2

但是它们都不能再工作了，因为从Spring Framework 5.3及以后，AntPathMatcher已经被PathPattern所取代<代码>路径模式与AntPathMatcher语法兼容，但以下情况除外：

仅允许在模式末尾支持“**”进行多段匹配。这有助于在为给定请求选择最接近的匹配时消除大多数歧义原因。

所以这不会再起作用了：

  // Match everything without a suffix (so not a static resource)
  @RequestMapping(value = "/**/{path:[^.]*}")
  public String redirectAngularRoutes() {
    return "forward:/";
  }

那么，从Spring Framework 5.3开始，现在最好的方法是什么呢？

我们是否指定每个角度布线，并将它们转发到下面这样的位置，还是有其他替代方案？

java prettyprint-override">  @RequestMapping({ "/help/**","/view/**","/admin/**" })
  public String redirectAngularRoutes() {
    return "forward:/";
  }

Answer 1

您可以配置路径匹配策略，以便在应用程序中使用ant路径匹配器。yml公司

spring:
  mvc:
    pathmatch:
      matching-strategy: ant_path_matcher

Ant路径匹配器上目前没有弃用警告，但它似乎可能在将来被删除。

Answer 2

不久前，我在互联网的某个不起眼的地方发现了一种不同的方法，但我还没有设法追溯我的步骤来给予应有的赞扬。向原作者道歉。

在任何情况下，这就是所提出的解决方案，目前看来效果不错。

import org.springframework.web.filter.OncePerRequestFilter
import javax.servlet.FilterChain
import javax.servlet.http.HttpServletRequest
import javax.servlet.http.HttpServletResponse


class AngularRoutingFilter : OncePerRequestFilter() {


    override fun doFilterInternal(
            request: HttpServletRequest,
            response: HttpServletResponse,
            filterChain: FilterChain
    ) {

        val mode = request.getHeader("Sec-Fetch-Mode")

        when (mode) {
            "navigate" -> {
                val rd = request.getRequestDispatcher("/")
                rd.forward(request, response)
            }
            else -> filterChain.doFilter(request, response)
        }

    }


}

这种方法的缺点是它依赖于客户端设置正确的标头。我发现当运行Cypress测试时，没有正确进行，我不得不像这样覆盖cy.visit命令...

Cypress.Commands.overwrite('visit', (originalFn, url, options) => {
    originalFn(
        url,
        {
            headers: {
                'Sec-Fetch-Mode': 'navigate'
            },
            ...options
        }
    )
})