Firefox中WCF POST请求出现CORS错误，Edge/Chrome正常

看起来你遇到了Firefox跨域请求的特殊行为问题——Chrome和Edge能正常触发OPTIONS预检并处理，但Firefox既不发送预检请求，还在使用application/json contentType时抛出CORS错误，改用text/plain又触发400错误。下面是针对这个问题的分析和解决方案：

核心问题分析 #

1. 非简单请求的预检触发差异：你的POST请求使用application/json contentType，属于非简单请求，按照CORS规范必须先发送OPTIONS预检请求。Firefox没有触发预检，大概率是因为WCF的OPTIONS请求处理逻辑没有覆盖到Firefox的请求路径，或者浏览器对预检触发的判断逻辑和Chrome/Edge有细微差异。
2. 数据格式与contentType不匹配：当你改用text/plain时，WCF期望接收JSON格式的请求体，所以返回400错误是正常的，这不是解决方向。

解决方案 #

方案1：全局处理WCF的OPTIONS请求（推荐生产环境使用） #

单个方法添加OPTIONS处理的方式不够可靠，建议使用IDispatchMessageInspector全局拦截所有OPTIONS请求，确保任何路径的跨域预检都能得到正确响应：

步骤1：创建CORS消息检查器

using System.ServiceModel;
using System.ServiceModel.Channels;
using System.ServiceModel.Description;
using System.ServiceModel.Dispatcher;
using System.ServiceModel.Web;

namespace YourWcfNamespace
{
    public class CorsMessageInspector : IDispatchMessageInspector
    {
        public object AfterReceiveRequest(ref Message request, IClientChannel channel, InstanceContext instanceContext)
        {
            var httpRequest = WebOperationContext.Current?.IncomingRequest;
            if (httpRequest?.Method == "OPTIONS")
            {
                var httpResponse = WebOperationContext.Current.OutgoingResponse;
                // 替换为你的前端域名
                httpResponse.Headers.Add("Access-Control-Allow-Origin", "https://localhost:5001");
                httpResponse.Headers.Add("Access-Control-Allow-Methods", "POST, GET, OPTIONS, HEAD, PUT, DELETE");
                httpResponse.Headers.Add("Access-Control-Max-Age", "1728000");
                httpResponse.Headers.Add("Access-Control-Allow-Headers", "x-requested-with, Content-Type, origin, authorization, accept, client-security-token");
                httpResponse.Headers.Add("Access-Control-Allow-Credentials", "true");
                
                // 直接返回OPTIONS响应，终止后续请求处理
                throw new WebFaultException(System.Net.HttpStatusCode.OK);
            }
            return null;
        }

        public void BeforeSendReply(ref Message reply, object correlationState)
        {
            // 可选：给所有响应添加CORS头（如果需要）
            var httpResponse = WebOperationContext.Current?.OutgoingResponse;
            if (httpResponse != null)
            {
                httpResponse.Headers.Add("Access-Control-Allow-Origin", "https://localhost:5001");
                httpResponse.Headers.Add("Access-Control-Allow-Credentials", "true");
            }
        }
    }

    public class CorsBehavior : BehaviorExtensionElement, IEndpointBehavior
    {
        public void AddBindingParameters(ServiceEndpoint endpoint, BindingParameterCollection bindingParameters) { }

        public void ApplyClientBehavior(ServiceEndpoint endpoint, ClientRuntime clientRuntime) { }

        public void ApplyDispatchBehavior(ServiceEndpoint endpoint, EndpointDispatcher endpointDispatcher)
        {
            endpointDispatcher.DispatchRuntime.MessageInspectors.Add(new CorsMessageInspector());
        }

        public void Validate(ServiceEndpoint endpoint) { }

        public override Type BehaviorType => typeof(CorsBehavior);

        protected override object CreateBehavior() => new CorsBehavior();
    }
}

步骤2：在web.config中注册行为

<system.serviceModel>
  <extensions>
    <behaviorExtensions>
      <!-- 替换为你的命名空间和程序集名称 -->
      <add name="corsBehavior" type="YourWcfNamespace.CorsBehavior, YourWcfAssembly" />
    </behaviorExtensions>
  </extensions>
  <behaviors>
    <endpointBehaviors>
      <behavior>
        <corsBehavior />
        <webHttp />
      </behavior>
    </endpointBehaviors>
  </behaviors>
  <bindings>
    <webHttpBinding>
      <binding crossDomainScriptAccessEnabled="true" />
    </webHttpBinding>
  </bindings>
</system.serviceModel>

方案2：调整AJAX请求参数 #

你的AJAX代码有几个可以优化的点，避免Firefox的兼容性问题：

$.ajax({
    url: "http://127.0.0.1:5555/MyWCFService/GetAttachmentsPost1",
    type: "POST",
    data: JSON.stringify({ 'teststr1':'abc'} ),
    xhrFields: { withCredentials: true },
    contentType: "application/json; charset=utf-8",
    dataType: "json", // 改用小写json，避免大小写兼容问题
    processData: false, // 已手动序列化JSON，禁止jQuery再次处理数据
    // 移除crossDomain: true，因为withCredentials已设为true，jQuery会自动处理跨域
    error: function (xhr, status, error) {
        console.log("CORS错误详情:", error);
        console.log("响应内容:", xhr.responseText);
    },
    success: function (data) {
        console.log("请求成功:", data);
    },
    statusCode: { 
        404: function () { 
            console.log("服务地址未找到");
        } 
    },
    complete: function (xhr) {
        console.log("请求完成，状态码:", xhr.status);
    },
});

方案3：临时调试用——调整Firefox跨域设置（不建议生产环境） #

如果只是想快速验证问题，可以修改Firefox的配置，让它的预检行为和Chrome一致：

1. 在地址栏输入about:config，点击“接受风险并继续”
2. 搜索network.cors.preflight.allow-external，设置为true
3. 搜索network.cors.preflight.chrome-style，设置为true
4. 重启Firefox后测试请求

这个方法仅用于调试，不能要求用户修改浏览器配置，所以生产环境还是要用方案1和方案2。

验证步骤 #

1. 部署修改后的WCF服务
2. 在Firefox开发者工具的“网络”面板中，查看是否发送了OPTIONS预检请求，且响应头包含正确的CORS字段
3. 确认POST请求的contentType和请求体格式匹配，WCF能正确解析参数

内容的提问来源于stack exchange，提问作者A.R