SpringBoot多模块项目部署问题：Angular5页面无法加载

首先咱们理清问题核心：你用@Controller返回字符串"index"时，SpringBoot默认会调用模板解析器（比如Thymeleaf）去templates目录下查找对应模板文件，但你的index.html是放在static目录里的静态资源，这就导致模板解析器找不到文件，抛出了错误。

下面给你几个针对性的解决方案，按推荐程度排序：

方案1：利用SpringBoot默认的欢迎页机制（最简便） #

SpringBoot有个内置规则：如果static目录下存在index.html，访问根路径localhost:8080时会自动加载这个文件，完全不需要额外写控制器。

你可以直接删除自定义的@Controller类，重新打包运行后，应该就能直接访问到前端页面了。

方案2：修改控制器逻辑，指向静态资源 #

如果你一定要保留控制器（比如需要做一些前置业务逻辑），可以修改控制器方法，通过重定向或者直接指向静态资源路径：

@Controller
public class HomeController {
    @GetMapping("/")
    public String home() {
        // 重定向到static目录下的index.html
        return "redirect:/index.html";
    }
}

或者也可以用@ResponseBody直接返回静态文件内容（不过这种方式不如重定向直观）：

@Controller
public class HomeController {
    @GetMapping("/")
    @ResponseBody
    public String home() throws IOException {
        // 读取static下的index.html内容并返回
        Resource resource = new ClassPathResource("static/index.html");
        return FileUtils.readFileToString(resource.getFile(), StandardCharsets.UTF_8);
    }
}

方案3：检查Maven资源复制配置是否生效 #

除了控制器的问题，还要确保前端模块的静态资源确实被打包到了后端的jar中：

• 单独构建前端模块：执行mvn clean package，打开前端模块的jar包，检查里面是否有static目录，以及index.html是否在该目录下。
• 确认后端模块的pom.xml中正确引入了前端模块依赖：

  <dependency>
      <groupId>你的项目groupId</groupId>
      <artifactId>前端模块artifactId</artifactId>
      <version>对应版本号</version>
  </dependency>
  

• 核对前端模块的maven-resources-plugin配置：你当前配置是把target/frontend的内容复制到${build.directory}/classes/static，要确保npm run build确实把前端构建产物输出到了target/frontend目录（可以去前端模块的target目录查看）。如果前端构建的默认输出目录是dist，需要把<directory>改成src/main/frontend/dist或者对应实际路径。

额外提示 #

• static目录是SpringBoot默认的静态资源目录，里面的文件可以直接通过URL访问（比如localhost:8080/index.html），不需要经过模板解析。
• templates目录用来存放需要动态渲染的模板文件（比如Thymeleaf页面），如果你的前端是纯静态的Angular构建产物，完全不需要用到templates目录。

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