SPAフロントエンド用にSpringブートを設定する

Question

フロントエンド全体のリソースが配置されているアプリケーションがあります。私は物事を分けたいと思います。例えば、gulpによって提供される、UI用の別個のサーバーを用意します。

クライアント側でレンダリングされるすべての要求に対して、サーバーが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:/"; 
    } 
} 

その後春ブーツ、/でindex.htmlロードを使用して、リソースをロードすることができます。ルートはAngularで処理されます。

Answer 2

Spring Data RestでAngularを使用している場合は、角度のハッシュロケーション戦略を使用するのが最も簡単な方法だと思います。

ちょうどあなたのアプリモジュール内のプロバイダの配列でこれを置く：

{ provide: LocationStrategy, useClass: HashLocationStrategy }

と、明らかに、それをインポートします。