使用chrome调试ajax加载本地文件的时候出现Failed to load resource: Origin null is not allowed by Access-Control-Allow

Chrome AJAX本地文件限制
最新推荐文章于 2024-08-19 18:06:31 发布
原创 最新推荐文章于 2024-08-19 18:06:31 发布 · 5.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了使用Chrome浏览器调试AJAX加载本地文件时遇到的问题及解决方法。Chrome出于安全考虑限制了本地AJAX请求，建议使用IE或Firefox进行调试，或将项目部署到服务器上。
部署运行你感兴趣的模型镜像

使用chrome调试ajax加载本地文件的时候出现Failed to load resource: Origin null is not allowed by Access-Control-Allow

原来是chorme不支持本地的ajax的调用，使用ie或者ff就不会出现问题了，或者将html的demo部署在服务器上就ok了

您可能感兴趣的与本文相关的镜像

Facefusion

Facefusion

AI应用

FaceFusion是全新一代AI换脸工具，无需安装，一键运行，可以完成去遮挡，高清化，卡通脸一键替换，并且Nvidia/AMD等显卡全平台支持

Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
09-26 4343
安装插件： Allow-Control-Allow-Origin: * fetch的请求中就不必带mode：“no-cors”这句话了   参考： https://stackoverflow.com/questions/35588699/response-to-preflight-request-doesnt-pass-access-control-check    ...
跨域问题：Request header field token is not allowed by Access-Control-Allow-Headers in preflight response
小筱在线博客
05-23 5333
Access to XMLHttpRequest at 'http://xxxx' from origin 'http://yyyy has been blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in preflight response
Chrome浏览器报错：Origin null is not allowed by Access-Control-Allow-Origin.
u014802309的专栏
04-14 856
问题：Chrome浏览器报错：Origin null is not allowed by Access-Control-Allow-Origin. 原因：.js文件中使用load()方法，而Chrome浏览器出于安全起见，不允许load本地文件。 方法：给Chrome添加启动参数--allow-file-access-from-files。 步骤：右击Chrome浏览器快捷方式，
解决Ajax跨域问题：Origin xx is not allowed by Access-Control-Allow-Origin.
37度2
01-07 1万+
今天一个Ajax跨域问题，代码如下： title $.ajax({ url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228", type:'GET', success: funct
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
静态文件访问不到报No 'Access-Control-Allow-Origin' header is present on the requested resource处理办法
XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.
热门推荐
blueling51的专栏
09-04 7万+
今天使用appmobi的模拟器调试程序的时候，发现使用jquery的getJson方法调用的内容不显示。（前面使用appCan的模拟器也有这个问题） 查看后台报错： XMLHttpRequest cannot load http://192.168.103.xx:8085/xxx/TestJsonInfo?value=1. Origin http://localhost:58888 is no
Origin null is not allowed by Access-Control-Allow-Origin解决方案
越努力,越幸运~~
09-09 4605
今天学习mootools的ajax时候，遇到一个问题， 页面和ajaxData.txt在同一个目录下，查了一下是浏览器的安全机制导致的：浏览器会禁止加载本地文件。如果把文件或者是整个工程放在服务器上就不会存在这个问题了。 还有一种解决方案，就是在启动浏览器的时候修改启动参数： --allow-file-access-from-files
精选资源
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
01-10
add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,POST'; 使用以下配置，生效。 if ($request_method = '...
Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight respo
达拉崩巴斑得贝迪卜多比鲁翁_
06-29 7220
在axios请求中出现： 问题描述： 如下图展示，在 请求接口的时候，第一个接口返回200，但是第二个接口却返回0。 上图是请求日本的域名，然而请求国内的域名是没有问题的。 下面对比一下日本预检请求截图 代码里设置了header 的请求截图 （会报CORS错误） 设置header信息的代码注释掉重新请求 对比之后不难发现，多了一个Authorization 然后看一下nginx里请求头部的配置 发现是没有允许Authorization的。 由于接口需要在头部header传递Authori
iOS WKWebView Origin null is not allowed by Access-Control-Allow-Origin
豪冷的博客
05-17 1683
iOS WKWebView Origin null is not allowed by Access-Control-Allow-Origin
Chrome报错：Origin null is not allowed by Access-Cont
chuyingpiao0327的博客
10-22 684
1.问题场景 js中采用jQuery的$.getJSON或$.ajax等获取本地文件时，出现错误： 2.问题原因 Origin null is not allowed by Access-Control-Allow-Origin的意思是由于安全原因浏...
Origin XX is not allowed by Access-Control-Allow-Origin.解决办法
不啦草的草原
06-04 3万+
Origin XX is not allowed by Access-Control-Allow-Origin.  其实就是  js 跨域访问问题 什么引起了ajax不能跨域请求的问题？ ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。   解决方法   红色是重点的地方。
【报错】chrome,qq浏览器：failed to load response data 【chrome升级83或火狐可以解决】
Sevieryang/FinTech/Statistics/Quant
06-14 5510
js ajax请求成功，response显示 “failed to load response data” 原因 服务端返回的数据量过大，导致数据无法展示 open in new tab 如果该请求时Get请求，那没问题； 如果该请求时Post请求，且有form data，那么，在chrome中 open in new tab 只是打开了请求的url，不会带上form data信息； 那如何 open in new tab的时候，带上formdata信息呢？解决方案就是：使用firefox火狐浏览器 解决方
XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin
hebeind100的博客
02-26 1164
在Chrome浏览器中，如果想通过AJAX请求不同域中的资源，很可能就会遇到 “Origin null is not allowed by Access-Control-Allow-Origin” 的错误。 这是因为在新版本浏览器中安全策略引起。简单的说，如果XMLHttpRequest 请求的URL和当前页面不同一个域中时，浏览器会检测响应http header中有没有 Access-Con...
谷歌浏览器响应Failed to load response data: no resource with given identifer found
十一姐的博客
08-26 5139
谷歌浏览器响应Failed to load response data的另类解决方案
【亲测有效】前端“Failed to load response data: No data found for resource with given identifier”
我是 二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~
08-19 1万+
【亲测有效】前端“Failed to load response data: No data found for resource with given identifier”
Chrome 访问本地文件
xwhoyeah
01-14 1071
使用chrome访问本地html文件时会有如下错误： Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. 解决办法： 给Chrome添加启动参数：--allow-file-access-from-files 或 --disable-web-securi...
Vue3解决跨域问题，报错Access-Control-Allow-Origin
weixin_45425813的博客
04-02 3743
解决方案： 1、在项目的config.js文件添加以下配置 proxy: { '/api': { //需要代理的接口 target: 'http://localhost:8081',//springboot的端口号 changeOrigin: true, //是否跨域 ws: true,
使用vite创建的vue3项目使用axios时出现跨域问题-not allowed by Access-Control-Allow-Origin
打不死的小五
12-12 1659
使用vite创建基于ts的vue3项目使用axios时出现跨域问题-not allowed by Access-Control-Allow-Origin，只需要在vite.config.ts中添加proxy即可。
vite Failed to load resource: Origin null is not allowed by Access-Control-Allow-Origin. Status code: 0
最新发布
12-28
在开发环境中遇到 `origin null` 和 `access-control-allow-origin` 错误通常是因为浏览器阻止了来自不同源的请求。对于 Vite 项目，可以通过配置代理来解决这个问题。 #### 配置 Vite 开发服务器代理 Vite 提供了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值