zoukankan      html  css  js  c++  java
  • 安全错误使用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); 

  • 相关阅读:
    【腾讯敏捷转型NO.1】敏捷是什么鬼?
    【敏捷实用工具】JIRA介绍以及使用方法
    SpringCloud学习总结(三)——案例环境搭建
    SpringCloud学习总结(二)——SpringCloud微服务概述
    SpringCloud学习总结(一)——微服务基础知识
    IDEA jrebel 破解
    IDEA的几个常用配置,日常开发必备。
    java中实体类的区别
    zookeeper 学习总结(四)——基本使用
    zookeeper 学习总结(三)——linux上部署单机以及集群
  • 原文地址:https://www.cnblogs.com/PearlRan/p/10081598.html
Copyright © 2011-2022 走看看