安全错误使用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