本地服务器发起AJAX HTTPS请求出现CORS跨域报错的原因咨询

本次触发CORS跨域拦截是多重因素叠加导致的，核心问题点如下：

• CORS响应头的作用方向认知完全偏差
  CORS规则中的Access-Control-Allow-Origin 是被请求的目标服务（即本次请求的GitHub侧）需要在HTTP响应头中返回给浏览器的校验字段，绝非请求方在AJAX请求中自定义添加的请求头。
  你当前在请求配置里手动添加这个头是完全无效的，浏览器会直接忽略请求方主动携带的CORS类请求头，仅校验目标服务返回的响应头中是否存在匹配当前页面源的允许访问标识。你的本地开发源http://127.0.0.1:3000不在GitHub该资源的允许访问范围内，自然会触发拦截。
• 请求的目标资源地址本身无效
  你填写的URL是GitHub仓库的文件预览页面地址，返回的是包含页面结构的HTML文档，并非可供接口调用的纯JSON原始文件。哪怕没有CORS拦截，你拿到的响应内容也无法正常解析为JSON数据。
• AJAX代码本身存在多处语法错误，即使网络请求通畅也无法正常运行
  • 请求头配置项拼写错误：jQuery AJAX对应的请求头配置字段是headers（复数形式），你写的header无法被正确识别
  • 配置块语法不完整：AJAX配置对象结束后缺少闭合大括号，直接链式调用.done()方法会直接触发JS语法错误
  • 回调函数语法错误：.done()的回调函数参数括号冗余，正确写法应为function(response) { ... }，当前写的function(response))存在括号不匹配问题
  • 数据类型配置项拼写错误：正确字段为dataType，你写的datatype无法被正确识别
• 常见认知误区澄清
  浏览器端没有任何权限通过自定义请求头绕过CORS校验，所有CORS校验逻辑都是浏览器在拿到目标服务的响应后，对照服务返回的响应头规则执行的拦截动作。如果需要在本地开发阶段访问第三方跨域资源，正确的方式是给本地开发服务配置请求代理转发，而非修改请求头尝试绕过校验。

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