面临 CORS 错误

Posted 2023-03-03

【中文标题】面临 CORS 错误

【英文标题】：facing a CORS error

【发布时间】：2016-12-07 10:10:20

【问题描述】：

我在尝试从不同域下载视频时遇到了 CORS 错误。我尝试了很多来解决它，但无法解决。 下面是我的js代码。

getVideoFile = function () 
			var xhr = new XMLHttpRequest(),
			blob;
			xhr.open("GET",myVideo, true);
			xhr.responseType = "blob";
			xhr.addEventListener("load", function () 
			if (xhr.status === 200) 
				blob = xhr.response;
				putVideoInDb(blob);
				window.alert("Video file downloaded");
			
			else 
				window.alert("Unable to download video");
			
			, false);
			xhr.send();
		;

		putVideoInDb = function (blob) 
			var transaction = db.transaction(["Videos"], "readwrite");
			var store = transaction.objectStore("Videos");
			var vid = 
					videoName:videoName,
					video:blob,
				
			var request = store.add(vid);
			request.onerror = function(e) 
					console.log("Error",e.target.error.name);
				
			request.onsuccess = function(e) 
					console.log("Done!!");
				
		;

【参考方案1】：

xhr.setRequestHeader('Access-Control-Allow-Headers', '*');

在发送您的请求之前设置此标头值。欲了解更多信息，您可以在这里阅读javascript - XMLHttpRequest, Access-Control-Allow-Origin errors

【参考方案2】：

看看这个问题：CORS error on same domain?

当然这是一个领域相同的场景，但是逻辑是相同的......

有很多关于这个主题的文章。

【讨论】：

我想只使用 javascript 而不是 AJAX jquery。如果您可以使用 javascript 提供解决方案，那将非常有帮助。