chrome 本地ajax json数据报错 Cross origin requests are only......

最新推荐文章于 2023-08-31 06:27:09 发布
最新推荐文章于 2023-08-31 06:27:09 发布
阅读量4.0k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
分类专栏： web 文章标签： chrome ajax json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_26906345/article/details/79494865
本文介绍了解决Chrome浏览器在进行本地AJAX请求时出现跨域错误的方法。通过在Chrome快捷方式的目标路径中添加--allow-file-access-from-files参数来允许文件访问。此问题源于Chrome为保障数据安全而对本地AJAX请求所做的限制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错信息

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

解决办法

Chrome.exe右键，快捷方式，目标，添加 –allow-file-access-from-files（注意前面有一个空格）
Chrome设置

原因

Chrome浏览器使用了数据安全方式，对本地的ajax数据进行了拦截，所以会报错。

Access to XMLHttpRequest at ‘fileDxxxxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
begefefsef的博客
08-01 5597
出于安全性考虑，Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-OriginResourceSharing，跨域资源共享)的安全策略阻止。在该文件源码中，使用了proxy获取数据，数据源使用的是文件名为mydata.json的文件。在浏览器打开本地的html文件，上面proxy中的url获取的就是一个本地文件，协议是file//，如果是在服务器启动的话，则使用的是http或者https协议。...
通过Ajax读取本地json文件，提示跨域的原因和解决方法
热门推荐
艾欢欢的博客
04-23 2万+
通过Ajax读取本地json文件，谷歌报错提示跨域 本地写有一个 .json 代码文件，然后网页文件使用ajax读取，并用谷歌浏览器打开，发现谷歌报错：提示跨域。 谷歌浏览器控制台报错 但是跨域一般是由于协议、域名、端口中有一个不同，才会跨域，我在本地访问自己的文件，怎么和跨域扯上关系？而使用火狐浏览器打开，数据正常打印出来了，不过提示 XML 解析错误：格式不佳 火狐浏览器控制台 谷歌浏...
ajax请求 Cross origin requests are only ...
weixin_34319374的博客
07-26 205
2019独角兽企业重金招聘Python工程师标准>>> ...
Cross origin requests are only supported for HTTP
zz3hh的专栏
08-24 3055
有时候做项目的时候在chrome浏览器浏览html会报错！ Cross origin requests are only supported for HTTP 或者 Google chrome浏览器下面不支持ajax本地访问 解决的步骤是 复制chrome快捷方式，打开属性，在目标后加上 --allow-file-access-from-files --disable-web-se
Cross origin requests are only supported ...
chuzhou8495的博客
08-16 395
一般在不启动服务器的情况下请求json文文件会遇到这种错误 XMLHttpRequest cannot load file:///D:/Angular/Customers_JSON.json.Cross origin requests are only supported for proto...
Cross origin requests ，Geojson文件
Hello Kitty！
07-16 451
背景说明：前端小白，不断补坑中，欢迎个各路大神拍砖~ 问题描述：本地无法加载XXX.geojson文件（chrome浏览器）；FireFox浏览器可以加载显示。 错误提示： ajax.js:25 XMLHttpRequest cannot load file:///E:/Web/201707/marathon0711/course.geojson. Cross origin re
cross-origin requests descripetion
Allen_白的专栏
03-04 3523
Cross-origin resource sharing From Wikipedia, the free encyclopedia Cross-origin resource sharing (CORS) is a mechanism that allows JavaScript on a web page to make XMLHttpRequests to an
from origin 'null' has been blocked by cors policy: cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
06-28
该错误消息"from origin 'null' has been blocked by cors policy"通常出现在开发过程中，特别是当您在开发环境中使用本地主机和端口同时使用AJAX请求时。 该错误信息意味着您的请求被拒绝了，因为您的请求是跨域的...
Access to XMLHttpRequest at 'file:///C:/Users/%E6%9D%8E%E5%8D%8E%E6%98%AD/Desktop/material/003-ajax%E5%9F%BA%E7%A1%80/1.json' 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.
07-10
浏览器通常会阻止跨域请求（CORS），即从一个源（origin）发出的请求不能访问另一个源的资源。 在这种情况下，你正在尝试从本地文件系统（file://）的源发出请求，而目标资源位于一个不同的源（null）。浏览器默认...
巧妙处理Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-ext
weixin_43891945的博客
08-06 4255
VScode Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-ext报错巧妙解决 描述：之前没怎么用过vscode,如下情况： 准备： 1.html文件 <!DOCTYPE html> <html lang="en"> <!-- npm /yarm node --> <head> <meta charset
浏览器控制台报错：Cross origin requests are only supported for protocol schemes
q1ngqingsky的博客
03-31 755
安装好后，切换到index.html 所在的文件夹，运行 anywhere。使用anywhere（静态文件服务器），可以使用npm 安装。vue项目打包后，想要访问index.html。安装好后，右键要打开的文件，就会出现“主要就是本地file文件反问提示跨域。Live Server插件。
ajax（XMLHttpRequest）加载不了本地的文件，Cross origin requests are only supported for protocol schemes: ...
clmmei_123的博客
02-24 1万+
Access to XMLHttpRequest at 'file:///E:/test.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extensio...
什么是跨域（cross-origin）请求，如何解决跨域问题？
最新发布
官方推荐
08-31 9412
什么是跨域（cross-origin）请求，如何解决跨域问题？
跨域问题：Cross origin requests are only supported for protocol schemes: http...
可乐的博客
01-13 651
跨域：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 今天写跨域请求的时候碰到了这个问题， 原因是请求的域名不是以http等等开头的，加上http://就能正常使用了 ...
Failed to load file:///F:/demo01/styles.less: Cross origin requests are only supported for protocol
LPLIFE的博客
08-05 4083
由于同源策略,访问不同源的资源,就会产生权限 ,比如我想引用less目录下的 less.js文件,谷歌浏览器出现了这样的错误: 这是产生了跨域,谷歌浏览器会出于安全考虑而阻止这种行为. 解决方法: 进入谷歌的安装目录,可以通过查看浏览器快捷键属性的方式看到安装目录,我的在c盘下 然后 进入到目录下: 执行命令: start chrome.exe --disable-...
XMLHttpRequest cannot load"url"Cross origin requests are only supported. send @ jquery-2.1.4.js:8630
maomengmeng的博客
09-15 7085
尝试用jquery 、bootstrap table来展示json数据的时候 http://www.jq22.com/jquery-info467 json数据从.json文件中读取。出现了 No matching records found 查看console控制台查看错误信息 XMLHttpRequest cannot load file:///D:/（data-url）. Cros
解决跨域Cross origin requests are only supported for protocol schemes的其中一种种办法
yugege5201314的博客
07-04 2297
跨域问题描述 使用vue通过axios.post方法访问spring boot 接口时，会报跨域错误，错误信息如下： Access to XMLHttpRequest at ‘http://localhost:9001/security/login’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control ch
快速解决AngularJS 中的 Cross origin requests are only supported for HTTP
boyzhoulin的专栏
08-27 4784
写directive时在chrome上碰到了这个问题，写
XMLHttpRequest cannot load file. Cross origin requests are only supported for HTTP angularjs
red_heel的博客
09-05 798
最近在做angularjs 的小小demo的时候遇到了下面的问题 XMLHttpRequest cannot load file:///F:/Yammy/app/views/restaurants.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-exte
Python爬虫必备Chrome驱动81.0.4044.138
资源摘要信息:"ChromeDriver 81.0.4044.138是一个独立的服务，它实现了 WebDriver 协议并让自动化测试工具与 Google Chrome 浏览器交互。该服务是为 Chrome 版本81.0.4044.138设计的。在软件测试中，特别是在编写...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值