部署到 Springboot 应用程序后，角度路由不起作用

Posted 2023-02-27

【中文标题】部署到 Springboot 应用程序后，角度路由不起作用

【英文标题】：Angular routing doesn't work after deploy into a Springboot Application

【发布时间】：2018-10-04 16:36:01

【问题描述】：

我已经构建了一个包含 Angluar5 的 Springboot 应用程序。我有一个 gradle 构建脚本，它将角度文件加载到我的 springboot 项目中。这些文件位于我的 springboot 项目的 resources/static 下。当我启动我的应用程序时，角度的路由不再起作用，我得到了

错误：无法匹配任何路由。 URL 段：“访问”

我的项目结构：

我使用以下语句部署了我的 Angular 应用程序：

ng build --deploy-url=BeatAcknowledgeTest --op=../backend/src/main/resources/static

这将使我的静态文件可以访问以下链接：

www.mySite.com/BeatAcknowledgeTest/...

如果我输入

www.mySite.com/BeatAcknowledgeTest/access

页面呈现，一切都很好，但是当我在另一个组件中时，例如

www.mySite.com/BeatAcknowledgeTest/home

然后我点击一个将我路由到的按钮

www.mySite.com/BeatAcknowledgeTest/access

我收到一个错误，我的应用程序没有重定向。

有什么建议吗？

【问题讨论】：

Springboot/Angular2 - How to handle html5 urls?的可能重复

这是由于推送状态要求您的服务器为每个路由提供 Angular 应用程序。这是常见的问题，正如您在重复参考中看到的那样，还有***.com/questions/24837715/…。

【参考方案1】：

我通过在我的应用程序中创建 RequestForwardingController 解决了这个问题。它将处理所有路由：

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

@Controller
public class RequestForwardingController 
    @RequestMapping(value = "/**/[path:[^\\.]*")
    public String redirect() 
        // Forward to home page so that angular routing is preserved.
        return "forward:/";
    

它还解决了重新加载 URL 问题。在其中单击浏览器的重新加载按钮，它将显示 Spring 启动错误页面。

【讨论】：

不应该将RequestMapping 的value 改为"/**/path:[^\\.]*"（没有第一个[ 吗？

【参考方案2】：

解决此问题的方法之一是自定义 MVC 配置，此 article 基于此答案说明了这一点：https://***.com/a/46854105