chrome报错【Access to XMLHttpRequest at ‘file:///ceshi.json’ from origin ‘null’ has been blocked by COR

最新推荐文章于 2024-04-26 15:38:31 发布
最新推荐文章于 2024-04-26 15:38:31 发布
阅读量5.4k 收藏 3
点赞数 1
文章标签： chrome报错 XMLHttpRequest cannot load file:///
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Little_Monk233/article/details/102581782
版权

chrome报错【Access to XMLHttpRequest at ‘file:///ceshi.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https】

原因： 浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象

解决：

  • Windows：
    设置Chrome的快捷方式属性，在“目标”后面加上–allow-file-access-from-files，注意前面有个空格，重新打开Chrome即可。
    在这里插入图片描述
  • Mac：
    只能通过终端打开浏览器：打开终端，输入下面命令：open -a “Google Chrome” --args --disable-web-security然后就可以屏蔽安全访问了[ --args：此参数可有可无]
Little_Monk233
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Access to XMLHttpRequest at ‘fileDxxxxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
begefefsef的博客
08-01 4691
出于安全性考虑，Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-OriginResourceSharing，跨域资源共享)的安全策略阻止。在该文件源码中，使用了proxy获取数据，数据源使用的是文件名为mydata.json的文件。在浏览器打开本地的html文件，上面proxy中的url获取的就是一个本地文件，协议是file//，如果是在服务器启动的话，则使用的是http或者https协议。...
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
10-21
主要介绍了jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
chrome浏览器请求失败,Access to XMLHttpRequest at ‘http://localhost:8080/sockjs-node/info?t=........
MXDMAX的博客
03-24 4398
用内网穿透做支付宝支付时，直接用本地线下的地址没问题，后面用内网穿透的地址测试，发生以下问题： 本身前后的项目的跨域问题使用Nginx已经解决，后面查了一下，是谷歌浏览器的设置问题，解决方案： 1.在浏览器地址栏输入： chrome://flags/#block-insecure-private-network-requests 2.将下面这个功能禁用 Block insecure private network requests 3.重启浏览器，再次发送请求，就成功了！ ...
解决跨域问题（从浏览器读取本地文件）from origin ‘null‘ has been blocked by CORS policy
最新发布
m0_62172798的博客
04-26 2857
在学习d3.js的过程中，通过d3.csv()读取本地csv文件的过程中出现了跨域错误，错误如下：Access to fetch at 'file:///D:/%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%EF%BC%88%E7%A1%95%EF%BC%89/htmlcssjsvue/code/d3.js/data222.csv' from origin 'null' has been blocked by CORS policy: Cross origin requests a
更新谷歌浏览器最新版后 Access to XMLHttpRequest at 跨域问题解决方法
Mys的专栏
08-24 1万+
更新谷歌浏览器后,发现访问网站后很多请求都报错,查找了下资料,找到一个解决方法 ​Access to XMLHttpRequest at '...' from origin '...' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does ...
（转）Chrome浏览器解决本地文件跨域（加载失败）问题及Access to XMLHttpRequest at ‘file:报错解决办法
CaseyWei
08-09 5737
1.右击桌面的谷歌快捷方式选择‘新建快捷方式’，创建一个新的 2.右击谷歌快捷方式选择属性，打开属性窗口 3.在目标中的原有地址后面加上+ 空格+‘--user-data-dir="c:\ChromeDebug" --test-type --disable-web-security’ 4.因为启动参数中增加了--user-data-dir="c:\ChromeDebug"，表示Chrome会从c:\ChromeDebug中存取用户数据，因该目录可能为空...
Access to XMLHttpRequest at file from origin ‘null‘ has been blocked by CORS policy谷歌浏览器本地打开项目js文件报错
了迹奇有没
02-14 5493
CORS 策略已阻止从源“null”访问“文件路径”处的 XMLHttpRequest：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https。
解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%
热门推荐
相濡以沫不如相望于江湖，是望着你不是忘了你。
09-16 12万+
Access to XMLHttpRequest at 'file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%B9%E9%85%8D%E7%BD%AE/dist/model/model.gltf.xz' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data,
ElementUI-Upload-qiniuyun:ElementUI的Upload上传到七牛云
05-15
七牛云服务器的储存区域 存储区域 地域简称 上传域名 华东 z0 服务器端上传：http(s)://up.qiniup.com 华东 z0 客户端上传： http(s)://upload.qiniup.com 华北 z1 服务器端上传：http(s)://up-z1.qiniup.com ...
[js]轻便的XMLHttpRequest应用函数：downloadUrl()
10-30
这个函数利用了浏览器内置的 `XMLHttpRequest` 对象或在旧版本的 Internet Explorer 中使用的 ActiveXObject 来实现异步通信。以下是关于 `downloadUrl()` 函数的详细解释： 1. **参数说明**： - `url`：必填参数...
配置Chrome支持本地（file协议）的AJAX请求
12-09
在目标路径后添加"--allow-file-access-from-files"（注意前面有一个空格），然后重新启动Chrome，这样就启用了对本地文件的AJAX支持。 对于Mac用户，需要通过终端命令来开启Chrome的这一功能。在终端中输入"open -...
XMLHttpRequest_test:XMLHttpRequest学习代码
05-20
XMLHttpRequest（XHR）是Web开发中的一个关键技术，它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换。这个技术对于实现动态网页和Ajax（Asynchronous JavaScript and XML）应用至关重要。...
ajax请求本地json文件，谷歌浏览器报跨域错误
qq_34425377的博客
04-11 5523
前端在做页面的时候，有时候需要可能为了测试某一功能，或者为了自己做demo，会访问本地json文件，获取数据，进行处理；但最近发现使用ajax请求json文件的时候，谷歌浏览器报错如下： Access to XMLHttpRequest at ‘file:///…’ from origin ‘null’ has been blocked by CORS policy: Cross origin r...
报错：Access to XMLHttpRequest at ‘file:///c:/user/xxx/Desktop/xxx/aaa.json‘
weixin_42401268的博客
03-20 2116
本地测试一个小的demo，需要根据不同情况读取不同json文件配置。结果发现报错。
Access to XMLHttpRequest at ‘file:///C:/Users/86152/Desktop/asset/zg.json‘ from origin ‘null‘ has be
weixin_54249422的博客
11-19 2775
火狐直接给了结果，jq只能请求http，不能请求本地资源， 我也是了这种方法，但是不太奏效，由于我是上线时出现错误导致效果实现不了， 我是直接选择先将资源放到线上，本地再去请求线上的资源这样问题就解决了。 ...
解决Chrome直接打开threeJs的页面的报错：Access to script at XXX from origin ‘null‘ has been blocked by CORS policy
m0_56522868的博客
08-20 2395
最近在学习threeJs制作物联网智慧园区，但是发现了一个问题，每次打开页面必须要通过VsCode的liveServer来打开，比较麻烦。 本人是后端和前端都要自己动手的非计算机专业的学生，但是讲道理，作为静态资源应该直接可以双击index.html打开的，为什么就不行呢？看了一下控制台的报错，又是熟悉的安全政策，所以此时久产生了两种解决办法了： 1、换一个没有这种安全策略的浏览器，也就是说不要用谷歌了 2、看论坛里没有人说怎么在谷歌中解决这个问题，自己也搜索了一下，发现找到简单便捷的解决办法..
页面突然都报错Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS poli
weixin_44773906的博客
11-04 1万+
has been blocked by CORS....跨域问题解决
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘fileDWebPractiesnewSmartCitydatafunData.json
web13618542420的博客
03-10 1540
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json 问题描述 解决办法一 解决办法二 解决方法三 问题描述 这几天做项目的时候，遇到这样一个问题，写了一个页面，用js动态的创建了一系列li，让其在页面上展示，获取数据的方式是通过json模拟，结果运行界面 的时候，出现了差错，我以为是代码写错了，仔细检查了一遍，发现代码，没有任何问题，看了一下报错原因，上网查了一下，发
前端读取本地json文件跨域错误(Access to XMLHttpRequest at “.“ from origin ‘null‘ has been blocked by CORS policy)
Jin's blog
11-05 1万+
小白刚开始学前后端，本问题困扰了我将近两个礼拜，终于得到了解决，可以说非常开心了。 完整版错误 Access to XMLHttpRequest at ‘file:///C:/Users/jinll/Desktop/data-csv_rr.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chr
Access to XMLHttpRequest at 'file:///D:/vue/vue-first/data.json' from origin 'null' has been blocked by CORS policy
07-28
回答: 这个错误是由于浏览器的CORS策略引起的。CORS是一种安全机制，用于限制跨域请求。当浏览器发现请求的源与目标不在同一个域时，会发送一个预检请求，检查目标服务器是否允许跨域请求。如果目标服务器没有正确配置CORS头部，浏览器就会拒绝该请求，从而导致这个错误。\[1\]\[2\] 对于你提到的具体错误，'file:///D:/vue/vue-first/data.json'是一个本地文件路径，而'null'是请求的源。由于这是一个本地文件请求，而不是通过HTTP协议请求，所以CORS策略不适用于这种情况。因此，你可以通过将数据文件放在与你的应用程序相同的域中，或者使用服务器来提供数据，以避免这个错误。 #### 引用[.reference_title] - *1* [Access to XMLHttpRequest at ‘http://xxx‘ from origin ‘http://xxx‘ has been blocked by CORS ...](https://blog.csdn.net/qq_41470439/article/details/109361842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [前后端分离跨域问题Access to XMLHttpRequest at ‘http://localhos...has been blocked by CORS policy: ...](https://blog.csdn.net/qq_42416602/article/details/121731774)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy](https://blog.csdn.net/weixin_51603038/article/details/129319187)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值