如何为Wildfly上的DICOM服务器配置CORS头适配Angular应用

刚好我之前在Wildfly上部署dcm4chee时也碰到过一模一样的CORS问题，给你两种靠谱的配置方案，一步步来就能解决：

这种方式会对Wildfly上部署的所有应用生效，适合单应用部署的场景：

1. 找到Wildfly的配置文件：

   • 单机模式下，路径一般是$WILDFLY_HOME/standalone/configuration/standalone.xml
   • 集群模式（domain）下，对应domain/configuration/domain.xml

2. 找到<subsystem xmlns="urn:jboss:domain:undertow:xx.x">节点（xx.x是你的Wildfly版本号，不用纠结具体数值）

3. 在该节点内的<filters>标签下（如果没有<filters>就新建一个），添加CORS相关的响应头配置：

<filters>
    <!-- 允许的Origin，生产环境请替换成你的Angular应用域名，比如http://your-frontend-domain.com -->
    <response-header name="Access-Control-Allow-Origin" header-value="http://localhost:4200"/>
    <response-header name="Access-Control-Allow-Methods" header-value="GET, POST, OPTIONS, PUT, DELETE"/>
    <response-header name="Access-Control-Allow-Headers" header-value="Origin, Content-Type, Accept, Authorization"/>
    <response-header name="Access-Control-Allow-Credentials" header-value="true"/>
</filters>

4. 找到<host name="default-host" alias="localhost">节点，在里面添加过滤器引用，让配置生效：

<host name="default-host" alias="localhost">
    <location name="/" handler="welcome-content"/>
    <!-- 新增以下过滤器引用 -->
    <filter-ref name="Access-Control-Allow-Origin"/>
    <filter-ref name="Access-Control-Allow-Methods"/>
    <filter-ref name="Access-Control-Allow-Headers"/>
    <filter-ref name="Access-Control-Allow-Credentials"/>
    <!-- 其他原有配置 -->
</host>

如果Wildfly上还部署了其他应用，不想影响它们，就用这种精准配置方式：

1. 找到dcm4chee的war包对应的WEB-INF/web.xml文件：

   • 可以直接解压部署好的war包（一般在$WILDFLY_HOME/standalone/deployments/目录下），修改后重新打包部署
   • 也可以通过Wildfly的管理控制台（默认http://localhost:9990）找到dcm4chee应用，在线修改web.xml配置

2. 在web.xml里添加CORS过滤器配置：

<filter>
    <filter-name>CorsFilter</filter-name>
    <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
    <!-- 替换成你的Angular应用地址，生产环境用真实域名 -->
    <init-param>
        <param-name>cors.allowed.origins</param-name>
        <param-value>http://localhost:4200</param-value>
    </init-param>
    <init-param>
        <param-name>cors.allowed.methods</param-name>
        <param-value>GET,POST,OPTIONS,PUT,DELETE</param-value>
    </init-param>
    <init-param>
        <param-name>cors.allowed.headers</param-name>
        <param-value>Origin,Content-Type,Accept,Authorization</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> <!-- 对dcm4chee的所有接口生效 -->
</filter-mapping>

1. 重启Wildfly服务器，确保配置加载
2. 关闭Chrome的CORS调试扩展，打开Angular应用
3. 打开浏览器开发者工具的「Network」面板，查看DICOM请求的响应头，确认Access-Control-Allow-Origin等CORS相关头已经存在

• 生产环境禁止使用*作为允许的Origin，必须指定具体的前端域名，防止跨域安全风险
• 如果你的dcm4chee版本比较旧，可能需要检查是否自带了CORS相关配置，避免冲突
• 若遇到OPTIONS预请求失败，检查Access-Control-Allow-Methods和Access-Control-Allow-Headers是否包含了前端实际发送的请求方法和头字段

内容的提问来源于stack exchange，提问作者BrianM