为 SPA 前端配置 Spring Boot

Question

我有一个应用程序，其中整个前端部分都在资源中。我想把事情分开。并且有单独的 UI 服务器，例如由 gulp 提供。

所以我假设我的服务器应该为客户端呈现的所有请求返回index.html。

例如：我有 'user/:id' 路由，它通过角度路由进行管理，不需要任何服务器。如何配置服务器不会重新加载或将我重定向到任何地方？

我的安全配置如下（不知道它是否负责这些事情）：

public class Application extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.antMatcher("/**").authorizeRequests().antMatchers("/", "/login**", "/webjars/**", "/app/**", "/app.js")
                .permitAll().anyRequest().authenticated().and().exceptionHandling()
                .authenticationEntryPoint(new LoginUrlAuthenticationEntryPoint("/")).and().logout()
                .logoutSuccessUrl("/").permitAll().and().csrf()
                .csrfTokenRepository(csrfTokenRepository()).and()
                .addFilterAfter(csrfHeaderFilter(), CsrfFilter.class)
                .addFilterBefore(ssoFilter(), BasicAuthenticationFilter.class);
    } 

Answer 1

对于路由，根据this guide at Using "Natural" Routes（特别是here），您必须添加一个执行以下操作的控制器：

@Controller
public class RouteController {
    @RequestMapping(value = "/{path:[^\\.]*}")
    public String redirect() {
        return "forward:/";
    }
}

然后使用Spring Boot，index.html加载到/，就可以加载资源了；路由由 Angular 处理。

Answer 2

EpicPandaForce 有一个很好的答案，我想扩展它。以下端点也将允许匹配嵌套路由。如果您想拥有一个管理部分，您可以将其配置为返回不同的 index.html。

@Controller
class PageController {

    @GetMapping("/**/{path:[^\\.]*}")
    fun forward(request: HttpServletRequest): String? {
        if(request.requestURI.startsWith("/admin")) {
            return "forward:/admin/index.html"
        }
        return "forward:/index.html"
    }
}

此 RequestMapping（或 @GetMapping）通过排除任何包含句点（即“index.html”）的请求来工作。

Answer 3

如果您将 Angular 与 Spring Data Rest 一起使用，我认为最直接的方法是使用角度哈希定位策略。

只需将其放入应用模块的 providers 数组中即可：

{ provide: LocationStrategy, useClass: HashLocationStrategy }

很明显，导入它。