Ajax本地跨域问题 Cross origin requests are only supported for HTTP

最新推荐文章于 2022-02-14 10:20:33 发布
原创 最新推荐文章于 2022-02-14 10:20:33 发布 · 987 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Ajax #Javascript

本文详细解析了在浏览器中打开本地HTML文件时遇到的跨域访问错误，并提供了具体的解决方案，即通过给浏览器传入特定启动参数来允许跨域访问。

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

1.问题：打开本地html文件时，报错如下

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

分析：浏览器为了安全性考虑，默认对跨域访问禁止。

解决：给浏览器传入启动参数（allow-file-access-from-files），允许跨域访问。

Windows下，运行（CMD+R）或建立快捷方式：

C:\Users\微笑\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files

 

 

springboot(jeesite)跨域解决Cross origin requests are only supported for protocol schemes:
淘淘小窝
09-06 914
Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted。错误
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension
shaxixide的博客
04-11 491
Ajax跨域问题 参考：oschina 皮皮猫32 报错信息：js报错 XMLHttpRequest cannot load localhsot:8080. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extens...
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension,
小菜鸟入门
10-07 8407
问题：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 分析：由错误信息可知是因为浏览器不支持跨域导致的，但由图能看出我是在本地直接打开页面，没有相应的后台服务器；由地址栏能看出这是采用的file协议，而我的JS代码中需要访问某个地...
【Google Chrome】 Cross origin requests are only supported for protocol schemes: http, data, chrome, ...
weixin_33897722的博客
12-13 380
疑问 ？？Google Chrome浏览器打开本地html文件报错如下 原因 浏览器为了安全性考虑，默认对跨域访问禁止 解决方法 方案一、 Google Chrome应用程序目标位置中添加chrome.exe --allow-file-access-from-files ! 注意中间空格（chrome.exe --allow-file-access-fr...
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 are only supported for protocol schemes: http, data, chrome-extension, edge
d1503024021的博客
02-14 1999
Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, https, chrome-untrusted. 第一种：右击浏览器快捷方式，更改属性，在目标后面加上 --allow-file-access-from-files 第二种 亲试 第二种可行 ...
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
回答1：</h3><br/>这个错误信息表明浏览器的跨域资源共享 (CORS) 策略阻止了从“origin null”发出的请求。浏览器只支持以下协议方案的跨域请求: http、data、chrome、chrome-extension、chrome-untrusted、https。 ...
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
热门推荐
来杯卡布奇诺的博客
05-11 1万+
浏览器控制台报错：Cross origin requests are only supported for protocol schemes一、问题二、原因分析解决方法 一、问题 今天写了一个H5 的小demo，然后在浏览器中运行时就报了这个错误。 Access to script at ‘file:///D://test.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only suppo
Cross origin requests are only supported for HTTP
z992189890的博客
06-05 1495
在访问本地txt文件时报错 Cross origin requests are only supported for protocol schemes: http, data,chrome-extension, https, chrome-extension-resource. 在网上查阅之后，得出 原因 浏览器为了安全性考虑，默认对跨域访问禁止。 解决方法 目前网上普遍的两个方法： ...
CORS Error: Cross origin requests are only supported for HTTP; XMLHttpRequest; 加载本地文件html
Colin_Downey的博客
05-07 1198
在打开本地文件时出现CORS Error: Cross origin requests are only supported for HTTP，无法加载本地文件。 出错原因： 解决方法： 1.Install NodeJS// Hint: If you're on a Mac, you want to install and useHomebrewfor this ...
巧妙处理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问题
斜照却相迎的博客
12-15 3058
解决Cross origin requests are only supported for protocol schemes问题 问题描述 本前端小白在学习“隐写术”的时候尝试按照一个网上的blog的代码来跑一跑，但遇到了一个问题，图片没有正常显示,f12查看控制台看到报错" Access to image at file://xxx from origin 'null' has been blocked by CORS policy: Cross origin requests are only sup
chrome异步加载本地json文件报错：cross origin request are only supported for HTTP
Ghost__9的博客
04-02 570
什么叫跨域？字面理解，跨是跨越，域是别的服务器，跨域就是到别的服务器上取东西。报错的意思应该就是chrome下，跨域请求只能通过通过这些协议标准实现：http、data、https、chrom-extension、chrom-extension-resource。 只要协议、域名、或端口有任何一个不同，就会被当做是不同的域。 但是仔细再一想，我请求的是本地文件啊，没有通过服务器请求啊，应该不算...
from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for pro
最新发布
01-25
### 解决CORS政策阻止来自null的跨域请求问题 当遇到浏览器控制台提示`No 'Access-Control-Allow-Origin' header is present on the requested resource.`这样的错误信息时，表明服务器端未配置允许特定源发起的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值