chrome异步加载本地json文件报错:cross origin request are only supported for HTTP

定义了一个data.json文件存储学生相关信息,在index.html中想通过$.getJSON("data.json" , function(data){...})方法获取并显示json文件中的内容。

结果运行后chrome报错如下:Cross origin requests are only supported jquery.min.js:5 for protocol schemes:http,data,chrome,chrome-extension,https.

一看就知道是跨域的报错,但是加载本地文件,是不存在跨域的啊;网上查了一下,说是chrome在读取本地相对路径脚本时,禁止向第三方请求数据。 (只要是通过file://方式访问,或者直接拖进浏览器访问,都叫本地运行)就不管本地文件、还是服务器url 文件都不行。

解决一: 
放入tomcat,然后启动server,开启服务器模式,在浏览器中通过http://localhost:8080/index.html访问,~成功访问到本地json文件。 亲测ok

解决二:

放入火狐浏览器或者IE浏览器,亲测ok。

解决三:

更改chrome的设置就行。
在chrome属性设置中,添加启动参数:

window

chrome快捷方式–右键“属性”–快捷方式–目标 
--allow-file-access-from-files : 允许本地Ajax请求,也叫file协议下的Ajax请求
--enable-file-cookies : 允许chrome保存本地设置cookie 

Mac: 
打开终端,输入下面命令:open -a “Google Chrome” –args –disable-web-security然后就可以屏蔽安全访问了[ –args:此参数可有可无]

方案三未有测试,本人还是比较支持第一种方式的,放在容器运行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

saber872138

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值