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

Question

在我们的应用程序中，我们希望将angular2前端部署到spring boot后端（部署到src / main / resources / static）中，但要去除网址中的＃号，并使用angular2默认的PathLocationStrategy。

Answer 1

只是想分享我的工作方式，希望对大家有所帮助：（SpringBoot 1.3.3，Angular2.beta15，angular2-seed）

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内容示例，我在angular应用程序中使用了该内容，以利用angular的PathLocationStrategy（基本上，我只是将所有内容重定向到index.html，因为我们仅使用spring boot来提供静态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})