前后端分离的Springboot项目打成war包放到外部tomcat上运行，无法进入下一页面

### 解决前后端分离的Spring Boot WAR包部署至外部Tomcat时页面跳转问题对于采用前后端分离架构的Spring Boot应用，在将其打包为WAR文件并部署于外部Tomcat服务器上遇到前端路由失效或无法正常跳转的情况，通常是因为请求未被正确转发给前端路由器处理。 #### 配置静态资源路径为了使Tomcat能够识别和提供前端构建后的静态资源（HTML, CSS, JS），需调整`application.properties`配置： ```properties spring.web.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/ server.servlet.context-path=/your-app-context-root ``` 上述设置指定了多个可能存放静态资源的位置，并定义了应用程序上下文根目录[^1]。 #### 设置默认首页重定向创建一个简单的控制器用于捕获所有非API路径并将它们导向至index.html，从而让前端框架接管后续导航逻辑： ```java import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class SpaController { @RequestMapping({"/{path:[^\\.]*}", "/{path:^(?!api).*$}"}) public String redirect() { return "forward:/"; } } ``` 这段代码确保任何不匹配具体后端接口URL模式的请求都会被引导回主页加载整个单页应用(SPA)，之后由前端JavaScript负责内部链接解析与视图切换操作[^2]。 #### 修改pom.xml以支持war部署确认项目的Maven依赖项已适当修改来适应War形式发布的需求。特别是要更改启动类继承自`SpringBootServletInitializer`以及更新POM中的打包方式为war: ```xml <packaging>war</packaging> ... <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>provided</scope> </dependency> ``` 同时也要保证主程序入口实现了`SpringBootServletInitializer`抽象方法以便兼容传统Web容器初始化流程[^3]。通过以上措施可以有效解决在独立安装的Apache Tomcat环境下运行基于Vue.js/React/Angular等现代前端技术栈所开发的应用时可能出现的各种跨域访问控制及客户端侧历史状态管理方面的问题。

阅读全文