安全错误使用CORS在IE10与Node和Express及XMLHttpRequest: 网络错误 0x4c7, 操作已被用户取消

在IE下:VUE项目,后台替换为https请求之后,vue热更新请求挂起,控制台报错:XMLHttpRequest: 网络错误 0x4c7, 操作已被用户取消。但是chrome与Firefox正常

当从IE10发起请求时,请求从未命中API服务器。据我所知,该请求甚至不被发送。当我使用IE10的开发人员工具检查请求时,请求标头和响应标头都为空。当从任何其他浏览器发送请求时,会收到请求并正确生成响应。

原因:

CORS在IE中默认禁用,必须启用:

Explorer忽略Access-Control-Allow标头,默认情况下
禁止Internet区域的跨源访问。要启用CORS,请转到
工具 - > Internet选项 - >安全选项卡,单击“自定义级别”按钮。 
查找其他 - >访问跨域的数据源,设置
并选择“启用”选项(注:不需要重启,刷新生效)

请求返回正常

当我启用此设置,请求通过,一切工作,因为它应该。但是,我已经读过这个设置实际上与CORS无关,并且不应该影响它。使用此工具测试CORS兼容性时,无论此设置是启用还是禁用,这让我相信CORS 是启用的,我只是做错了。

此外,一切似乎都工作,因为它应该当我运行 Fiddler 时,因为Fiddler充当代理。

为了参考,这里是服务器端的CORS相关代码:

res.header(“Access- -Origin“,”example.com“); 
 res.header(“Access-Control-Allow-Methods”,“GET,PUT,POST,DELETE,OPTIONS”); 
 res.header(“Access-Control-Allow-Headers”,“Content-Type,Authorization,X-File-Name,X-File-Size,X-File-Type”); 
 res.header(“Access-Control-Allow-Credentials”,true); 
 if(req.method ==“OPTIONS”){
 res.send(200); 
} 
解决方案

API服务器使用HTTP而不是HTTPS。该问题听起来像可能与服务器的SSL设置相比,更多的要求本身。如果是这种情况,请尝试使用SSL设置来执行此操作。

  var options = {
    key:fs.readFileSync(key),
    cert:fs.readFileSync(certificate),
    ca:fs.readFileSync(CA),
    requestCert:false,
  }; 
 
  https.createServer(options,app).listen(443); 

原文地址:https://www.cnblogs.com/PearlRan/p/10081598.html