集成FedEx API验证货件请求时出现CORS错误该如何解决

错误原因 #

该问题是浏览器同源策略的正常限制：FedEx官方API服务端未配置Access-Control-Allow-Origin响应头允许前端跨域访问，直接从浏览器发起跨域请求会被默认拦截。同时第三方物流API普遍不支持前端直接调用，避免开发者将API密钥等敏感信息暴露在前端代码中引发安全问题。

可行解决方法 #

• 生产环境标准方案：新增后端代理层
  调整调用逻辑，前端不再直接请求FedEx接口，改为先请求你自己的后端服务，由后端服务转发请求到FedEx官方接口，拿到返回结果后再回传给前端。后端发起HTTP请求不受同源策略限制，同时可以将API密钥等敏感信息保存在后端，大幅降低安全风险，这也是FedEx官方推荐的集成方式。
• 开发环境临时调试方案：关闭浏览器同源策略
  本地开发测试阶段可以临时关闭浏览器的安全限制跳过CORS校验，以Chrome为例，Windows系统执行命令chrome.exe --disable-web-security --user-data-dir="C:\ChromeDevData"，Mac系统执行命令open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/你的用户名/ChromeDevData即可。注意该方案仅用于本地测试，不可用于线上环境，也不要用开启该配置的浏览器访问其他公共站点，避免安全风险。
• 你当前代码里的cors: true属于jQuery Ajax的非标准参数，对解决跨域问题没有实质作用，可以删除。

调整后的前端请求示例代码如下，仅需要修改请求地址为你自己的后端代理接口即可：

$.ajax({ 
    type: "POST",
    // 改为你自己的后端代理接口地址
    url: "/your-backend/proxy/fedex",
    data: xmlData,
    contentType: "text/xml",
    dataType: "xml",
    cache: false,
    success: function(result) {
        console.log('success');
        console.log('result ', result);
    },
    error: function() { 
        console.log('Failed to Validate Shipment Request');
    }
});

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