IE10-11 Web worker

时间:2017-04-03 21:05:36

标签: javascript ajax internet-explorer amazon-s3 web-worker

我正在尝试从网络工作者中创建一个跨域XMLHttpRequest 。设置如下:

  • 原始请求发送到同一个域example.com
  • 服务器将请求重定向(302)到s3.amazon.com
  • 为CORS正确设置了S3,并使用正确的Access-Control-Allow-Origin标题
  • 进行响应

代码如下:

var xhr = new XMLHttpRequest();
//this will redirect to 'https://s3.amazon.com/...'
xhr.open('GET', 'https://example.com/document/1234/download');
xhr.send(null);

Win 10上的Chrome,Firefox,Safari和MS Edge

此代码正确地遵循重定向,无论是从主JS文件调用还是从Web worker调用。

Win 7上的IE 10/11

当从主JS文件调用时,此代码正确遵循重定向 。从Web worker调用时,请求将中止而不会显示错误或日志消息。

可以通过编辑浏览器安全设置并启用“跨域访问数据源”来完成这项工作,但期望用户这样做是不可行的。

问题

  1. 是否需要进行一些特殊设置才能使IE 10/11遵循重定向?
  2. 除了不透明的中止请求之外,有没有办法从IE 10/11获得更好的输出?

2 个答案:

答案 0 :(得分:1)

尝试在标头请求中设置更多元标记,例如 xhr.setRequestHeader('Access-Control-Allow-Origin',example.com); //从哪个请求

selected text

有关详细信息,请查看此链接 - https://www.html5rocks.com/en/tutorials/cors/

答案 1 :(得分:1)

这个问题有几种可能的解决方法,我探讨过其中两种:

选项1

function callXHR() {
  var xhr = new XMLHttpRequest();
  //this will redirect to 'https://s3.amazon.com/...'
  xhr.open('GET', 'https://example.com/document/1234/download');
  xhr.send(null);
}

if(isIE) {
   //callXHR in main js file
} else {
   //callXHR in web worker
}

选项2

//from a web worker
if(isIE) {
   //give the exact url so the xhr doesn't get a 302
   callXHR('https://s3.amazon.com/...');
} else {
   //this will follow the redirect to https://aws...
   callXHR('https://example.com/document/1234/download');
}

我决定使用选项2,因为我不想放弃网络工作者。

此处提供的答案主要关注CORS或重定向,但实际上没有一个解决我遇到的具体问题。