Spring Boot配置Angular 4应用多路径映射，避免重定向

嘿，这个场景我太熟悉了！毕竟单页应用部署在Spring Boot里，路由转发是常遇到的需求。你要的是访问localhost:8000/lite时直接显示主页，地址栏还保持不变对吧？核心就是让Spring Boot把/lite的请求转发（不是重定向）到Angular的index.html，同时确保Angular能正确渲染主页内容。下面给你两种简单靠谱的方案：

方案一：通过WebMvc配置类实现转发 #

这种方式更符合Spring Boot的配置式编程风格，不需要写额外的Controller：

1. 在你的Spring Boot项目里创建一个配置类，实现WebMvcConfigurer接口：

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CustomWebConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        // 关键：用forward:前缀实现转发，不会修改浏览器地址栏
        registry.addViewController("/lite").setViewName("forward:/index.html");
    }
}

2. 重启Spring Boot应用，访问localhost:8000/lite试试——地址栏还是/lite，但内容和主页完全一致！

方案二：用Controller直接处理请求 #

如果你更习惯用Controller来控制路由，也可以写个极简的Controller：

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class LiteHomeController {
    @GetMapping("/lite")
    public String showLiteHome() {
        // 同样用forward:实现无重定向转发
        return "forward:/index.html";
    }
}

这个Controller会捕获所有/lite的GET请求，直接转发到index.html，效果和方案一完全一样。

额外补充：Angular路由适配（可选） #

如果你的Angular应用本身有路由配置，想让/lite直接对应主页组件（比如原/路径的HomeComponent），可以在Angular的app-routing.module.ts里加一条路由规则：

const routes: Routes = [
  { path: '', component: HomeComponent }, // 原主页路由
  { path: 'lite', component: HomeComponent }, // 让/lite也指向主页组件
  // 其他路由配置...
  { path: '**', redirectTo: '' } // 兜底路由，处理未知路径
];

这样即使Spring Boot转发了请求，Angular也会精准渲染主页内容，避免出现路由不匹配的情况。

内容的提问来源于stack exchange，提问作者ellusion