Chrome里面Ajax本地跨域问题 Cross origin

最新推荐文章于 2024-08-26 09:15:55 发布
最新推荐文章于 2024-08-26 09:15:55 发布
阅读量4.7k 收藏
点赞数
分类专栏： 浏览器 文章标签： ajax chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a214161398a/article/details/50807196
版权

Chrome里面Ajax本地跨域问题

Cross origin requests are only supported for protocol schemes

当我在测试《JavaScript语言与Ajax应用》里面关于Ajax示例的时候，发现Chrome提示 Cross origin requests are only supported for protocol schemes

但是用Firfox运行之后却没有问题，遂网上寻找答案之，发现很多人也碰到过，这是Chrome浏览器的本地跨域问题，需要配置Chrome浏览器。

解决方法：

通过给Chrome添加启动参数：--allow-file-access-from-files

详细步骤如下：

右键Chrome的快捷方式进入属性栏

Chrome属性

在目标的最后添加上--allow-file-access-from-files ，记得要在代码前加上空格以分隔。

目标

重新启动Chrome就会发现不再报错啦！！！

PkJY
关注
专栏目录
springboot(jeesite)跨域解决Cross origin requests are only supported for protocol schemes:
淘淘小窝
09-06 679
Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted。错误
@CrossOrigin解决跨域问题
06-22
使用@CrossOrigin注解解决前后台分离中的跨域问题
crossorigin
丰的博客
02-09 216
https://www.chrisyue.com/what-the-hell-is-crossorigin-attribute-in-html-script-tag.html 加crossorigin属性 | 不加crossorigin属性 资源服务器开启cors ...
@CrossOrigin 跨域介绍
最新发布
suk_java的博客
08-26 307
@CrossOrigin 是Spring框架提供的一种注解，主要用于处理跨域请求（CORS，Cross-Origin Resource Sharing）
crossOrigin
判断一个点是否在闭合曲线内
03-29 212
h5规定允许本地获取到跨域脚本的错误信息，需要两个条件： 一、跨域脚本的服务器必须设置Access-Control-Allow-Origin允许域名获取脚本错误信息； 二、当前标签必须指明src属性的地址是支持跨域的地址，也就是crossOrigin属性 ...
本地解决chrome跨域
热爱学习_小强的博客
02-24 786
问题：由于浏览器的同源策略，即要求“协议、域名、端口”必须相同。也是浏览器的一种安全机制，导致平时开发程序的时候总会遇到跨域问题，比如请求API请求，或者canvas合成图片的时候。一般会出现类似于下面的报错 常用解决方式： 1.后端加response.setHeader("Access-Control-Allow-Origin", "*") 2.nginx配置代理服务器 3.在终端运行 “open -n /Applications/Google\ Chrome.app/ --args --
@CrossOrigin是Spring框架中的一个注解，用于处理跨域资源共享（Cross-Origin Resource Sharing, CORS）问题。
wangqiaowq的博客
04-30 620
是Spring框架中的一个注解，用于处理跨域资源共享（Cross-Origin Resource Sharing, CORS）问题。在Web应用开发中，出于安全原因，浏览器实施了同源策略（Same-origin policy），这一策略限制了从一个源加载的Web页面脚本与来自不同源的资源交互。当你在一个控制器类或具体处理方法上使用此注解时，Spring会自动在HTTP响应头中添加适当的CORS相关头部信息，如。）发送AJAX请求，浏览器会阻止这个请求，除非服务器端明确允许此类跨域请求。
详解Django解决ajax跨域访问问题
01-21
这篇文章主要给大家介绍了关于Django跨域请求问题解决的相关资料，文中介绍的实现方法包括：使用django-cors-headers全局控制、使用JsonP，只能用于Get方法以及在views.py里设置响应头，只能控制单个接口，需要的...
解决ajax跨域请求数据cookie丢失问题
10-24
本文将通过前端使用jquery以及后端服务使用php作为示例，来详细介绍如何解决Ajax跨域请求时数据中cookie丢失的问题。 首先，我们需要了解几个关键概念。同源策略是浏览器的一个安全机制，规定来自不同源的文档或者...
Ajax请求WebService跨域问题的解决方案
10-21
2. CORS（Cross-Origin Resource Sharing，跨域资源共享）：这是现代浏览器支持的一种更安全、更灵活的跨域解决方案。CORS通过在服务器端设置特定的HTTP响应头（如`Access-Control-Allow-Origin`、`Access-Control-...
canvas跨域及cross-origin污染问题处理
qq_32225679的博客
09-11 2370
canvas跨域 准确的说应该是Ajax请求图片文件（bufferArray）时跨域，如果直接拿图片的src,然后new Image() 调用putImageData() 则不存在跨域问题，图片一样可以显示到canvas上。如果仅仅是展示这样完全足够。如果调用到getImageData() 或toDataURL() 操作的时候，就会有cross-orgin污染问题。目前比较靠谱的解决方法有两种： ...
注解@CrossOrigin详解
热门推荐
诚的博客
10-25 11万+
注解@CrossOrigin 出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP。 一、跨域(CORS)支持： Spring Framework
Chrome跨域本地调试简单方法
#死亡如风#
04-07 308
Chrome跨域本地调试简单方法1.找到chrome快捷方式，拷贝一个并改名2.右键chrome-debugger（你刚改名的那个，我这里叫chrome-debugger，你随意）快捷方式，进入属性，找到“目标(T)”3.修改目标(T)信息:(直接拷贝我这个就行)，保存，然后把你的页面在这个新的快捷方式打开就可以实现本地调试跨域的资源或者接口了"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir="c:\C
Chrome浏览器 本地开发时解决跨域问题
u014089637的博客
07-19 519
Access to XMLHttpRequest at 'https://XXXXX' from origin 'http://localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
CORS 专题
weixin_33843947的博客
05-16 318
CORS（跨域资源共享，Cross-Origin Resource Sharing）CORS其实出现时间不短了，它在维基百科上的定义是：跨域资源共享（CORS ）是一种网络浏览器的技术规范，它为Web服务器定义了一种方式，允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。 它是一个妥协，有更大的灵活性，但比起简单地允...
CrossOrigin跨域
L__MY的博客
07-13 513
跨域是什么？ 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、 协议任一不同，都是跨域 。我们是采用前后端分离开发的，也是前后端分离部署的，必然会存在跨域问题。 怎么解决跨域？很简单，只需要在controller类上添加注解@CrossOrigin 即可！这个注解其实是CORS的实现。 CORS(Cross-Origin Resource Sharing, 跨源资源共享)是W3C出的一...
谷歌(Chrome)浏览器设置跨域
weixin_44405111的博客
12-07 389
版本号49之后的chrome跨域设置 1.在电脑上新建一个目录，例如：C:\MyChromeDevUserData 2.在属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData，–user-data-dir的值就是刚才新建的目录。 3.点击应用和确定后关闭属性页面，并打开chrome浏览器。 再次打开chrome，发现有“–disable-web-security”相关的提示，说明chrome又能正常跨域工
本地Ajax跨域报错Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-
weixin_38752368的博客
12-14 254
因为之前遇到过，大概知道原因在于使用了File协议，应该使用它提示的http, data, chrome, chrome-extension, https这些协议，可是只是写几个小Demo，不至于自己去创建一个服务器，开个端口吧。经过各方检索，发现了如下几种解决方案 1.换编辑器T_T 使用webstorm或是visual studio这种重量级的IDE的同学，应该不会遇到这种问题，这类I...
Cross origin requests are only supported for protocol schemes: http, data, chrome
qq_34500270的博客
10-09 546
1. 使用jquery的load方法加载本地文件，使用chrome浏览器，报错如下图： 2. 找到chrome.exe文件所在的目录，我的chrome安装在C盘：C:\Program Files (x86)\Google\Chrome\Application，进入这个目录后，执行(在执行这个命令之前，记得一定要关掉chrome浏览器) chrome.exe --allow-file-acce...
Java后端Ajax跨域问题实战与解决策略
本文将深入探讨Ajax跨域问题及其解决方案，通过两个实际的Java后端项目实例来演示这个问题及其解决方法。第一个项目是一个简单的订单管理系统，它运行在Tomcat的7070端口，提供一个RESTful API（如`/loadOrderList`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值