如何在 apache Tomcat8 服务器中部署 Spring Boot 后端和 Angular 6 前端应用程序？答案

【问题标题】：How to deploy Spring boot backend and Angular 6 frontend application in an apache Tomcat8 server?如何在 apache Tomcat8 服务器中部署 Spring Boot 后端和 Angular 6 前端应用程序？
【发布时间】：2018-12-27 06:35:26
【问题描述】：

我开发了一个带有 spring boot 后端和 angular 6 前端的应用程序，一切都很完美。

但我唯一的问题是如何在服务器 apache 上部署后端和前端以及前端和后端如何通信？

我有 Angular 的 dist 和 spring 的战争，我把它们放在 apache 上，但是当我点击 dist 时，页面登录出现但我没有与后端的连接。

我该怎么做？

请帮帮我。

谢谢你:)

【问题讨论】：

欢迎来到 StackOverflow。你能先学会正确地格式化你的问题吗？ How to format your code properly in OS。看你的问题真的不容易。
@Hearen 我开发了一个带有 spring boot 后端和 angular 6 前端的应用程序，一切都很完美。但我唯一的问题是如何在服务器 apache 上部署后端和前端以及前端和后端如何通信？我有角度的dist和spring的战争，我把它们放在apache上，但是当我点击dist时，页面登录出现但我没有与后端的连接。我怎么做？请帮我。谢谢你:)

标签： angular spring-boot tomcat angular-cli

【解决方案1】：

为了在后端和前端之间进行通信，您需要在 web.xml 文件中使用 CORS 过滤器，它允许您从任何服务器进行通信（因为 Angular 项目在不同的端口上运行）。下面是 CORS 的代码过滤器，尝试将其添加到您的 web.xml 文件并检查。

<filter>
    <filter-name>CorsFilter</filter-name>
    <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
    <init-param>
        <param-name>cors.allowed.origins</param-name>
        <param-value>*</param-value>
    </init-param>
    <init-param>
        <param-name>cors.allowed.methods</param-name>
        <param-value>GET,POST,HEAD,OPTIONS,PUT,DELETE</param-value>
    </init-param>
    <init-param>
        <param-name>cors.allowed.headers</param-name>
        <param-value>Content-Type,X-Requested-With,accept,Origin,authorization,serviceUrl,Access-Control-Request-Method,Access-Control-Request-Headers,Last-Modified</param-value>
    </init-param>
    <init-param>
        <param-name>cors.exposed.headers</param-name>
        <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value>
    </init-param>
    <init-param>
        <param-name>cors.support.credentials</param-name>
        <param-value>true</param-value>
    </init-param>
</filter>

<filter-mapping>
    <filter-name>CorsFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

【讨论】：