angular - 为在 IntelliJ 中运行的 Tomcat 启用 CORS

Question

我正在构建一个带有 Jersey 后端 API 的 Angular 项目。我遇到了一个问题，由于 CORS，我的 Web 应用程序无法使用 IntelliJ 和 Tomcat 调用在 Debug模式下运行的 API。如何访问在 IntelliJ 中运行的 Tomcat 实例的 CORS header 选项。

或者这不是 SPA 用来与后端对话的一般模式吗？我应该以不同的方式构建我的项目吗？

Answer 1

通过将以下内容添加到我的 web.xml 文件，我能够让我的 Tomcat 服务器从 IntelliJ 内部运行以接受 CORS 请求。

<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>
</filter>
<filter-mapping>
    <filter-name>CorsFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

IntelliJ 对我大吼大叫，说它无法识别该过滤器类。但它编译和运行完美。同样值得注意的是，您绝对应该更改允许来源的参数值，以便在生产中更具限制性。我允许这里的所有来源只是因为我在本地运行。