修改Spring Boot上下文根后，集成的Angular前端无法访问如何解决？

这种情况我之前也踩过坑，核心原因就是Angular的资源加载路径和Spring Boot的上下文根没有匹配上，给你几个关键的解决步骤：

1. 调整Angular的基础路径（Base Href） #

Angular默认是基于根路径/来加载静态资源和路由的，当Spring Boot把上下文根改成/project1后，Angular不知道要加上这个前缀，导致资源加载失败。

• 打包时临时指定基础路径：
  执行Angular打包命令时加上--base-href参数：

  ng build --base-href /project1/
  

• 或者在angular.json里永久配置：
  找到项目的build配置，添加baseHref属性：

  "projects": {
    "your-angular-project": {
      "architect": {
        "build": {
          "options": {
            "baseHref": "/project1/",
            // 其他原有配置...
          }
        }
      }
    }
  }
  

  这样打包后的index.html里会自动生成<base href="/project1/">，资源加载路径就会带上正确的前缀。

2. 确认Spring Boot的上下文根和静态资源映射 #

首先确保Spring Boot的上下文根配置正确：

• 在application.properties中：

  server.servlet.context-path=/project1
  

• 或者application.yml中：

  server:
    servlet:
      context-path: /project1
  

然后检查静态资源映射：Spring Boot默认会从classpath:/static/加载静态资源，只要你把Angular打包后的dist目录下的文件直接放到src/main/resources/static下（不要嵌套子目录），默认配置就能正常访问。如果有自定义的WebMvcConfigurer，要确保资源映射包含上下文根：

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/project1/**")
                .addResourceLocations("classpath:/static/");
    }
}

3. 处理Angular路由的刷新/直接访问问题 #

如果你的Angular应用使用了PathLocationStrategy（默认的路由模式），当用户刷新页面或者直接输入路由地址时，Spring Boot会尝试处理这个请求，而不是转发给Angular的index.html，导致404错误。

解决方法是在Spring Boot中添加一个路由回退的控制器：

@Controller
public class SpaForwardController {
    // 匹配所有/project1下的路由请求，转发到index.html让Angular处理
    @GetMapping("/project1/**")
    public String forwardToIndex() {
        return "forward:/index.html";
    }
}

或者通过WebMvcConfigurer配置：

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/project1/**")
                .setViewName("forward:/index.html");
    }
}

4. 验证打包和部署的文件结构 #

最后要确认Angular打包后的文件是否正确放置：

• 执行ng build后，dist/your-project-name下的所有文件（包括index.html、assets文件夹等）应该直接复制到Spring Boot的src/main/resources/static目录下，不要嵌套在static的子文件夹里，否则会导致资源路径多一层，访问失败。

先从调整Angular的base href开始排查，这是最常见的触发点，然后逐步验证其他配置，应该就能解决问题了。

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