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

最新推荐文章于 2023-07-18 17:22:26 发布
最新推荐文章于 2023-07-18 17:22:26 发布
阅读量1k 收藏 1
点赞数
分类专栏： 个人总结 文章标签： 浏览器 web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010758038/article/details/79468092
版权


在用wamp上写一个简单的表格翻页程序想要在浏览器中运行的时候，出现如上错误。原因是因为在运行index.html文件时直接用浏览器打开的，如下图


这就造成了跨域问题。应该在web环境下运行的


脸盘姑娘
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot(jeesite)跨域解决Cross origin requests are only supported for protocol schemes:
淘淘小窝
09-06 545
Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted。错误
github-pull-requests-chrome-extension:显示所有拉取请求和评论数
04-28
Cloudify构建Chrome扩展程序通知您有关新的拉取请求和对拉取请求的注释如何安装为了安装插件，您需要执行以下操作： 下载发行版zip。点击设置按钮选择more-tools --> extension 将zip文件拖放到那里路线图在徽章...
解决Cross origin requests are only supported for protocol schemes的三种办法
热门推荐
chenmoupeng的博客
07-13 5万+
今天在写了一个简单的H5页面，项目结构如下图所示 然后在运行的时候突然报错 Access to script at ‘file:///Volumes/PERSON/font_end/h5xuexi/h5-learning3/vue_nocli/js/main.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http,
解决CROSS ORIGIN REQUESTS ARE ONLY SUPPORTED FOR PROTOCOL SCHEMES的三种办法
Willowtree的博客
04-18 1417
在学习模块化的时候遇到的一个问题，ES6引入的时候出现了这种问题 Access to script at 'file:///E:/DUYI/Code/NOTE/levelOne/13.%E6%A8%A1%E5%9D%97%E5%8C%96%E8%AF%A6%E7%BB%86/04ES6%E6%A8%A1%E5%9D%97%E5%8C%96/03%E9%BB%98%E8%AE%A4%E5%AF%BC%E5%85%A5%E5%AF%BC%E5%87%BA/module/index.js' from origin
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension,
小菜鸟入门
10-07 7820
问题：Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 分析：由错误信息可知是因为浏览器不支持跨域导致的，但由图能看出我是在本地直接打开页面，没有相应的后台服务器；由地址栏能看出这是采用的file协议，而我的JS代码中需要访问某个地...
浏览器控制台报错：Cross origin requests are only supported for protocol schemes
来杯卡布奇诺的博客
05-11 9782
浏览器控制台报错：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
commitlint-bot：[未维护]使用https：github.comappssemantic-pull-requests
01-30
我们目前不支持自定义配置（即.commitlint.yml或.commitlint.json ），但是发展历程设置仓库： git clone https://github.com/z0al/commitlint-bot.gitcd commitlint-botnpm install 创建自己的将私钥作为private-...
dlang-requests:受python-requests启发的dlang http客户端库
05-14
HTTP客户端库，受python-requests启发，目标是： 内存占用少 表现 简单的高级API 本机D实现 API文档： 目录 套接字工厂 SSL协议 的FTP 请求池 库配置 该库不使用vibe-d，但可以与vibe-d套接字一起用于网络IO，...
list-pull-requests：满足我们需求的https：github.combuildsvillelist-pull-requests的分支
02-18
列表拉取请求操作 放置输出拉取请求列表。 输入项 代币 github令牌 标签 列出与指定标签匹配的拉取请求。 json数组字符串（例如["WFR","ASAP"] ） skip_hour ... send_pull_requests: runs-on: ub
HttpBot: Automating-Http-Requests-开源
04-24
该项目可自动执行Http请求，即所有浏览器活动都可以使用简单的方法记录/写入XML格式的文件并重做。 这对于自动化http服务器请求（例如，对搜索引擎的查询，外部数据库）的自动化非常有用。
解决: Layui 数据表格 数据接口请求异常 Cross origin requests are only supported for protocol schemes: http, data,
潘小蓝的博客
10-19 3018
今天在学习使用 Layui 数据表格时遇到一个 数据接口请求异常 的问题, Layui 作为一个前端框架,其中的数据都不是从数据库中取到的动态数据,而是写的模拟数据，所以在使用 Layui 时, Layui 的开发者已经为使用者提供了一套 json 数据,我们只需要将数据复制到我们的本地进行使用即可。 正常的数据表格: 数据接口异常: 寻根溯源: 按 F12 会看到如下提示: 原因:这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”.
【JavaScript】ajax请求本地数据报错：Cross origin requests are only supported for protocol schemes: http, da...
人人都是量化师的专栏
06-04 827
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for pr
最新发布
qq_51660806的博客
07-18 2701
解决办法： 右键----Open in Live Server (必须以服务器的形式打开)；在加载JS模块的时候，报错！
Cross origin requests are only supported for protocol schemes浏览器报错及解决方法
MichaelAn的博客
06-23 1万+
报错示例：Chrome浏览器打开本地jsp，用ajax方法中用jsonp直接跨域访问本地的js文件。本地的testjsonp.jsp访问本地另一个目录的remote.js， 报错分析： 1.判断为ajax的跨域访问问题 2.本地jsp没有通过服务器直接ajax中用jsonp访问本地js，使用file协议！ 3.原以为能解决跨域问题,但是上面的报错信息就已经说明了，ajax跨域只支持这...
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension
peppa_pig的博客
12-17 5405
报错信息： Access to XMLHttpRequest at 'file:///C:/Users/Administrator/Desktop/111/data/array.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol...
Chrome中XMLHttpRequest请求失败问题解决
ZDX_Y的博客
07-07 8900
在学习XMLHttpRequest和XML过程中，出现了XML内的数据无法显示的问题，F12调试后找到浏览器报出如下错误：“Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.”
impor本地Javascripts文件Cors报错：Cross origin requests are only supported for protocol schemes: http, data
小白的博客
12-02 654
import本地JS文件跨域资源访问CORS报错问题解决
Cross origin requests are only supported for HTTP
z992189890的博客
06-05 1083
在访问本地txt文件时报错 Cross origin requests are only supported for protocol schemes: http, data,chrome-extension, https, chrome-extension-resource. 在网上查阅之后，得出 原因 浏览器为了安全性考虑，默认对跨域访问禁止。 解决方法 目前网上普遍的两个方法： ...
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： 这个错误信息表明浏览器的跨域资源共享 (CORS) 策略阻止了从“origin null”发出的请求。浏览器只支持以下协议方案的跨域请求: http、data、chrome、chrome-extension、chrome-untrusted、https。 ### 回答2： "从源 'null' 的 CORS 策略被阻止：跨源请求仅支持协议方案：http、data、chrome、chrome-extension、chrome-untrusted、https。"这个错误通常出现在使用 JavaScript 进行跨域请求时。 跨域请求是指浏览器试图从一个源（或域名）向另一个源发出 AJAX 请求时，浏览器会在控制台中抛出错误。CORS 策略是一种防止跨域攻击的安全措施，它限制了浏览器从一个源向另一个源发出 AJAX 请求。 这个错误提示的意思是，源为 'null' 的请求被阻止了，因为该请求不满足允许的协议方案。原因可能是你在浏览器中运行的 JavaScript 代码从一个没有设置协议（例如‘file://’）的本地文件中加载了 HTML 页面，然后试图发出 AJAX 请求。 要解决这个问题，有几个办法： 1.将你的 HTML 页面放置到一个 Web 服务器上，并通过 HTTP 或 HTTPS 协议打开它。 2.你可以在使用 AJAX 请求时指定协议方案，例如，在 jQuery 中，你可以设置： $.ajax({ type: "POST", dataType: "json", url: "http://example.com/api", headers: { "X-Requested-With": "XMLHttpRequest" }, success: function(data) { } }); 这里需要将 URL 参数中的协议方案改为`http://`或者`https://`。 3.运行 Chrome 浏览器时，可以在启动参数中添加 --disable-web-security选项来禁用 CORS 策略。 最好的解决办法是使用合适的协议方案来打开 HTML 页面，并在 AJAX 请求中使用相应的协议方案。这样不仅可以解决这个错误，也可以保证网络安全。 ### 回答3： CORS（Cross-Origin Resource Sharing）是一种安全机制，可以防止恶意站点从其他域名获取资源。当浏览器尝试从另一个域请求数据时，如果目标网站返回一个不包含当前源（Origin）的 Access-Control-Allow-Origin 头部，浏览器会阻止响应，这就是跨域请求被阻止的原因。 该错误消息"from origin 'null' has been blocked by cors policy"通常出现在开发过程中，特别是当您在开发环境中使用本地主机和端口同时使用AJAX请求时。 该错误信息意味着您的请求被拒绝了，因为您的请求是跨域的，源为"null"并且协议方案不符合CORS策略。要解决该问题，您需要做出以下更改： 1. 首先，您需要确保您的请求被发送到合适的端点，并且有效负载与您所期望的数据一致。您可以使用Chrome DevTools检查HTTP请求的正文内容和标头信息，确保它们是正确的。 2. 您还需要在服务器端配置 CORS 安全策略。您需要将 Access-Control-Allow-Origin 头部设置为您希望允许的来源。如果您的站点不需要跨域访问，您可以使用"*"将允许任何来源访问您的站点。 3. 如果您仍然遇到问题，请尝试使用反向代理将请求代理到另一个域，并让服务器端对请求进行处理。有些Web服务器可能会相应地配置CORS安全策略。 总之，当您遇到此错误时，说明您在跨域请求时出现了问题。要解决此问题，您需要检查您的请求负载和头部信息是否正确，配置CORS安全策略，或使用反向代理将请求代理到您的服务器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值