最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

焦点！原生AJAX案例浏览器报错：Cross origin requests are only supported for protocol

来源：博客园


【资料图】

报错信息如下：

代码如下：

XMLHttpRequest 对象
<script>function loadDoc() {  const myHttp = new XMLHttpRequest();  myHttp.onload = function () {    //响应    document.getElementById("demo").innerHTML = this.responseText  };  myHttp.open("GET", "./demo/aa.txt",true);  myHttp.send();}</script>

解决方案：

查询到原因是：

在浏览器打开本地的html文件， 上面请求的模型资源文件是一个本地文件， 协议是file://，如果是在服务器启动的话，则使用的是http或者https协议。出于安全性考虑， Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-Origin Resource Sharing，跨域资源共享)的安全策略阻止。

如果是部署到服务器上面，或者是自己在vscode里面通过插件Live Server打开，都是没有问题的首先声明，这种方式只是暂时的，浏览器一经关闭则不起作用了。以谷歌浏览器为例首先，找到你谷歌浏览器浏览器安装的位置，一般默认安装的位置C:\Program Files\Google\Chrome\Application然后在该目录打开命令行，直接在文件夹导航栏输入cmd，敲回车

或者直接进入命令行，cd进入安装目录下：

输入命令：

chrome.exe --disable-web-security --user-data-dir=C:\MyChromeUserFata

打开浏览器后，将要运行的html文件拖入浏览器进行访问

可以正常访问了~

参考链接：原文链接：https://blog.csdn.net/pink_cz/article/details/126896190

关键词：