如何在Spring Boot应用程序中使用Angular2 PathLocationStrategy？

Question

在我们的应用程序中，我们想要将一个angular2前端部署到一个spring引导后端（到src/main/resources/static中），但是要去掉urls中的＃并使用angular2默认的PathLocationStrategy。

Answer 1

只是想分享我是如何做到的，希望它可以帮助别人： （SpringBoot 1.3.3，Angular2.beta15，angular2种子）

import org.springframework.boot.SpringApplication; 
import org.springframework.boot.autoconfigure.SpringBootApplication; 
import org.springframework.boot.builder.SpringApplicationBuilder; 
import org.springframework.boot.context.embedded.ConfigurableEmbeddedServletContainer; 
import org.springframework.boot.context.embedded.EmbeddedServletContainerCustomizer; 
import org.springframework.boot.context.embedded.ErrorPage; 
import org.springframework.boot.context.web.SpringBootServletInitializer; 
import org.springframework.context.annotation.Bean; 
import org.springframework.http.HttpStatus; 

@SpringBootApplication 
public class Application extends SpringBootServletInitializer { 

    @Override 
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) { 
     return application.sources(Application.class); 
    } 

    public static void main(String[] args) { 
     SpringApplication.run(Application.class, args); 
    } 

    @Bean 
    public EmbeddedServletContainerCustomizer containerCustomizer(){ 
     return new Angular2PathLocationStrategyCustomizer(); 
    } 

    private static class Angular2PathLocationStrategyCustomizer implements EmbeddedServletContainerCustomizer { 
     @Override 
     public void customize(ConfigurableEmbeddedServletContainer container){ 
      container.addErrorPages(new ErrorPage(HttpStatus.NOT_FOUND, "/")); 
     } 
    } 
} 

Answer 2

这些都是你需要遵循三个步骤：

1. 实现自己TomcatEmbeddedServletContainerFactory的bean，并成立了RewriteValve

   import org.springframework.boot.context.embedded.tomcat.TomcatEmbeddedServletContainerFactory; 
       ... 
       import org.apache.catalina.valves.rewrite.RewriteValve; 
       ... 
   
       @Bean TomcatEmbeddedServletContainerFactory servletContainerFactory() { 
       TomcatEmbeddedServletContainerFactory factory = new TomcatEmbeddedServletContainerFactory(); 
       factory.setPort(8080); 
       factory.addContextValves(new RewriteValve()); 
       return factory; 
       } 
   

2. 将rewrite.conf文件添加到应用程序的WEB-INF目录中，并指定重写规则。下面是一个rewrite.conf内容的示例，我在角度应用程序中使用它来利用角度的PathLocationStrategy（基本上我只是将所有内容都重定向到index.html，因为我们只是使用spring引导来提供静态Web内容）：

   RewriteCond %{REQUEST_URI} !^.*\.(bmp|css|gif|htc|html?|ico|jpe?g|js|pdf|png|swf|txt|xml|svg|eot|woff|woff2|ttf|map)$ 
       RewriteRule ^(.*)$ /index.html [L] 
   

3. 摆脱useHash的（或将其设置为false）从你的路由声明：

   RouterModule.forRoot(routes) 
   

或

 RouterModule.forRoot(routes, {useHash: false})