XMLHttpRequest cannot load file:///xx.Cross origin requests are only supported for protocol schemes.

最新推荐文章于 2023-02-06 12:37:37 发布
最新推荐文章于 2023-02-06 12:37:37 发布
阅读量1.1w 收藏 1
点赞数
分类专栏： 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sheila1227/article/details/44035561
版权

正在学习JavaScript，学到XMLHttpRequest对象出了问题。

 

模仿这个 点击打开链接 练习的时候，用chrome浏览器调试，总是报错：

XMLHttpRequest cannot load file:///C:/Users/Sheila/Documents/GitHub/w3cschool-javascript-exercises/%E5%9F%BA%E7%A1%80%E7%B3%BB%E5%88%97/cds.xml. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

查了一下，原来是因为跨域问题，我没有部署到服务器环境下打开页面，而是直接在浏览器打开，打开方式形如file:///C:/Users/Sheila/Documents/GitHub/w3cschool-javascript-exercises/%E5%9F%BA%E7%A1%80%E7%B3%BB%E5%88%97/3.html，chrome不允许这样访问文件。


解决方式一：

将html页面部署到服务器再访问（未测试，还没学会怎么部署……┑(￣Д ￣)┍）


解决方式二：

换用Firefox调试（测试后成功）



SheilaSun
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
10-21
主要介绍了jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
报错：Access to XMLHttpRequest at ‘file:///c:/user/xxx/Desktop/xxx/aaa.json‘
weixin_42401268的博客
03-20 1807
本地测试一个小的demo，需要根据不同情况读取不同json文件配置。结果发现报错。
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘fileDWebPractiesnewSmartCitydatafunData.json
web13618542420的博客
03-10 1465
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json 问题描述 解决办法一 解决办法二 解决方法三 问题描述 这几天做项目的时候，遇到这样一个问题，写了一个页面，用js动态的创建了一系列li，让其在页面上展示，获取数据的方式是通过json模拟，结果运行界面 的时候，出现了差错，我以为是代码写错了，仔细检查了一遍，发现代码，没有任何问题，看了一下报错原因，上网查了一下，发
解决跨域问题：Access to XMLHttpRequest at ‘file:///G:/ZKJW_workspac
WXYcelia的博客
12-08 1519
在浏览器安装位置的Application执行cmd命令：chrome.exe --disable-web-security --user-data-dir=C:\MyChromeUserFata，在打开窗口中访问即可
报错跨域Access to XMLHttpRequest at ‘file:///D:/phpstudy_pro/WWW/VUETEST/a.txt‘ from
olive的博客
02-06 2227
Access to XMLHttpRequest at 'file:///D:/phpstudy_pro/WWW/VUETEST/a.txt' from
XMLHttpRequest cannot load:...Cross origin requests are only supported for...问题的解决之路（bug描述太长）
biu
07-09 2万+
解决 XMLHttpRequest cannot load file:///C:/Users/Administrator/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%20(2)/get_users.php.Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-exten
XMLHttpRequest_test:XMLHttpRequest学习代码
05-20
XMLHttpRequest_test 这是XMLHttpRequest的学习代码。
配置Chrome支持本地（file协议）的AJAX请求
12-09
什么问题  WEB开发过程中，很多时候我们都是写一些简单的Demo，...XMLHttpRequest cannot load file:///Users/iceStone/Documents/Learning/angular/demo/angular-moviecat/movie/view.html. Cross origin requests a
XMLHTTPRequest对象-XML/XSLT
09-24
XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新... 1、XMLHTTPRequest对象什么是？最通用的
jQuery 跨域访问教程 XMLHttpRequest cannot load 解决办法
g_blue_wind的博客
08-05 2万+
概要： 跨域的安全限制都是指浏览器端来说的。服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作，然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制也最少,很多widget开放平台server端(如sohu博客开放平台)其实就么搞的. 要讨论的是浏览器端的真正
【调试错误】Access to XMLHttpRequest at file:E590/ceshi.json from origin null
OrangeChenZ的博客
12-13 6万+
jquery-1.8.0.min.js:2 Access to XMLHttpRequest at ‘file:///%E8%B5%B5%E6%99%A8%E5%AD%90/ceshi.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for prot...
Ajax本地跨域问题
CareChere的博客
06-27 1万+
配置chrome支持本地（file协议）ajax请求 配置chrome支持本地（file协议）ajax请求 网址：配置chrome支持本地（file协议）ajax请求 将html代码拖拽进入chrome通过file协议浏览时，发送的ajax请求本地文件，会报跨域错误。 XMLHttpRequest cannot load file:///E:/webs/extJS/ext-3.3.0/e
2015异常问题解决方案经验总结（一）
热门推荐
rchm8519的专栏
01-12 7万+
1.     could not find java.dll C:\Users\admin>java Error: Registry key 'Software\JavaSoft\JavaRuntime   has value '1.6', but '1.8' is required. Error: could not find java.dll Error: Could not...
XMLHttpRequest cannot load 的解决方法
白豆的微博
12-09 3万+
在谷歌浏览器中调试接口，出现：XMLHttpRequest cannot load错误 需要配置谷歌浏览器，使浏览器支持跨域，步骤如下： 具体操作如下：首先需要关闭谷歌浏览器的所有窗口 右击谷歌浏览器图标——>属性。弹出属性对话框。在目标栏最后添加 --args --disable-web-security --user-data-dir 注意空格
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘file:///D:/WebPracties/newSmartCity/data/funData.json
丑小鸭变黑天鹅的博客
03-10 4万+
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json问题描述解决办法 问题描述 这几天做项目的时候，遇到这样一个问题，写了一个页面，用js动态的创建了一系列li，让其在页面上展示，获取数据的方式是通过json模拟，结果运行界面 的时候，出现了差错，我以为是代码写错了，仔细检查了一遍，发现代码，没有任何问题，看了一下报错原因，上网查了一下，发现是ajax跨域问题。 先看一下报
XMLHttpRequest cannot load的解决方法
荒的博客
07-24 5778
在谷歌浏览器中调试接口，出现：XMLHttpRequest cannot load错误 需要配置谷歌浏览器，使浏览器支持跨域，步骤如下： 具体操作如下：首先需要关闭谷歌浏览器的所有窗口 右击谷歌浏览器图标——>属性。弹出属性对话框。在目标栏最后添加 --args --disable-web-security --user-data-dir 注意空格
GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者404错误
蒙融融
02-07 1万+
vue+express+mysql搭建博客时，使用axios进行前后台数据交互时，出现GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者GET http://localhost:8080/api/getArticle 404 (Not Found)，找了很久才解决，所以写个博客记录一下用到的方法或者相关方法 1.跨域：...
XMLHttpRequest cannot load 错误解决
zone的博客
04-29 4268
在写项目的过程中，我们常常会发现顶部和底部的内容往往是一样，但是如果直接复制 比较繁琐，并且你需要引入不同的css或是js文件，只要有一个地方需要改动，我们需要把这个项目过一遍，这显然不符合模块化开发的思想，jsp可以使用include 引入。
# chrome异步加载本地json文件报错：cross origin request are only supported for HTTP
u012786716的博客
02-22 2万+
chorm异步加载本地json文件报错：cross origin request are only supported for HTTP问题：定义了一个studentInfo.json文件存储学生相关信息，在index.html中想通过$.getJSON("studentInfo.json" , function(data){...})方法获取并显示json文件中的内容。结果运行后chorm报错如下
html:24 Uncaught ReferenceError: onreadystatechange is not defined at 1.html:24:26 （匿名） @ 1.html:24 1.html:68 Access to XMLHttpRequest at 'file:///C:/test.xml' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. 1.html:23 GET file:///C:/test.xml net::ERR_FAILED （匿名） @
最新发布
05-26
var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值