如何在 jasper-server 中为 reactJS 启用 CORS？答案

【问题标题】：How to CORS enable in jasper-server for reactJS?如何在 jasper-server 中为 reactJS 启用 CORS？
【发布时间】：2020-03-04 01:56:00
【问题描述】：

我正在尝试在我的 reactjs 应用程序中使用 API 作为来自 jasper-server 的获取请求。不幸的是，我收到错误消息“跨源请求被阻止”。

我配置了来自 jasperserver/webapp/web-inf 的 web.xml 文件，还配置了 tomcat web.xml。两者都使用此过滤器进行配置。

<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>http://10.11.200.42:3000</param-value>
</init-param>
<init-param>
<param-name>cors.allowed.methods</param-name>
<param-value>GET,POST,HEAD,OPTIONS,PUT</param-value>
</init-param>
 <init-param>
    <param-name>cors.allowed.headers</param-name>
    <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</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>
<init-param>
<param-name>cors.preflight.maxage</param-name>
<param-value>1800</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CorsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

【问题讨论】：

标签： reactjs cors jasperserver

【解决方案1】：

转到安装 jasperosft 并配置 web.xml 的位置 (jaspersoft\jasperreports-server\apache-tomcat\webapps\jasperserver\WEB-INF)使用下面的代码文件。

      <filter>
      <filter-name>CorsFilter</filter-name>
      <filter-class>com.jaspersoft.jasperserver.api.security.csrf.CorsFilter</filter-class>
      <init-param>
        <param-name>cors.allowed.origins</param-name>
        <param-value>http://localhost:port</param-value>
      </init-param>
      <init-param>
        <param-name>cors.allowed.methods</param-name>
        <param-value>GET,POST</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>
      <init-param>
        <param-name>cors.preflight.maxage</param-name>
        <param-value>1800</param-value>
      </init-param>
    </filter>
    <filter-mapping>
      <filter-name>CorsFilter</filter-name>
      <url-pattern>/*</url-pattern>
    </filter-mapping>

【讨论】：