已拦截跨源请求：同源策略禁止读取位于 http://localhost:9001/eduservice/chapter/getChapterVideo18 的远程资源。（原因：CORS 头缺少 'Ac...

最新推荐文章于 2024-06-24 22:10:14 发布
最新推荐文章于 2024-06-24 22:10:14 发布
阅读量1.6k 收藏
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44531229/article/details/107948796
版权

浏览器控制台报错信息如下：

已拦截跨源请求：同源策略禁止读取位于 http://localhost:9001/eduservice/chapter/getChapterVideo18 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。

已拦截跨源请求：同源策略禁止读取位于 http://localhost:9001/eduservice/chapter/getChapterVideo18 的远程资源。（原因：CORS 请求未能成功）。
Network Error

Network Error错误一般都是接口有问题

 

页面如图：

 

 提示跨域问题，检查 Java 代码没有问题，看来很有可能是前端 js 代码出了问题。

检查过程中发现有个单词写错了，但是还是继续报错，看来问题主要不是这个单词。

后来我发现了这里错了，如图：

 

看出来了吗？

再看一遍：

 

 

 是url错了，少写了“/”

更改之后的效果：

 

 

 

正所谓：编码不细心，中途两行泪！

牧牛人Alec
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
访问网页时：已拦截跨源请求:同源策略禁止读取位于 http:的远程资源。(原因:CORS 头缺少 'Acce：
AmberTian的博客
09-04 1万+
该问题在 Firefox 中会报错： 已拦截跨源请求：同源策略禁止读取位于 http://XXXX/x 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'） 同源策略：（来自百度）         同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都
深入浅析Nginx实现AJAX跨域请求问题
12-02
在AJAX请求中，由于同源策略的限制，一个域上的网页通常不能请求另一个域上的资源。然而，通过正确配置Nginx服务器，我们可以允许特定或所有域进行跨域请求。 Nginx是一个高性能的HTTP和反向代理服务器，它可以在...
【极简 亲测】已拦截跨源请求：同源策略禁止读取位于....的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）
Yonggie的博客
07-19 3325
可以用插件或者配置解决
已拦截跨源请求：同源策略禁止读取位于 file:///modify-table 的远程资源。（原因：CORS 请求不是 http）续上一篇文章的解决方法
最新发布
qq_63170044的博客
06-24 383
这个错误是由于CORS（跨源资源共享）策略导致的，因为浏览器不允许前端代码从file:///协议访问。为了避免这个问题，你需要使用HTTP服务器来提供HTML文件。你可以使用Node.js中的Express来同时提供HTML文件和处理API请求。以下是完整的示例，包括提供HTML文件的部分。
已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 ‘Access-Control-A
徊忆羽菲
03-12 1万+
Access to fetch at 'https://www.baidu.com/' from origin 'http://www.baidu.com' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. Have the server send the header with a valid
【已解决】已拦截跨域请求：同源策略禁止读取位于接口的远程资源：原因：CORS缺少Access-Contorl-Allow-Origin
~牧马~
11-12 1万+
前后端开发跨域问题问题记录前端新手配置：有问题老手配置：正常后端新手配置：有问题老手配置：正常总结 问题记录 今天笔者有一次遇到前后端跨域问题，下面小编详细的记录下整个过程： 环境是：后端在公司，前端在远程，两人协同开发 后端写好接口，并发布在外网后，接下来就是远程前端的对接接口阶段，前端在配置接口时，配置成功，在测试访问时，浏览器报“已拦截跨域请求：同源策略禁止读取位于接口的远程资源：原因：CORS缺少Access-Contorl-Allow-Origin”问题，错误提示是“cors跨域问题”，后端看到只
已拦截跨源请求：同源策略禁止读取位于 http://xxx...aliyuncs.com/ 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘)
H_define的博客
05-08 2730
进入阿里云官网，进入OSS控制台，在Bucket 列表中选择你使用的Bucket。点击左侧的数据安全，跨域设置，创建跨域规则。原因：在阿里云终端没有设置跨域规则。再次尝试上传文件，成功。
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8080/*的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）。
青春不流名
05-04 3万+
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8080/*的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。
【JavaScript源代码】解决vue $http的get和post请求跨域问题.docx
12-30
这是因为浏览器的同源策略，它是一项安全措施，防止恶意网站读取敏感数据。然而，在开发环境中，我们经常需要在本地服务器上运行前端应用并连接到远程API，这就导致了跨域问题。 解决跨域问题的一种常见方法是在...
浏览器广告拦截插件：ADguard
04-08
拦截浏览器广告
Python3自定义http/https请求拦截mitmproxy脚本实例
09-16
总结来说，这个mitmproxy脚本实例展示了如何利用Python3和mitmproxy库自定义网络流量拦截规则，记录请求和响应信息，并在满足特定条件时修改响应内容。这为开发者提供了一种强大的工具，可以在开发、测试或调试过程...
Struts2中实现页面的跳转
10-27
`<jsp:forward/>`标签在JavaServer Pages (JSP)中用于将一个请求转发到另一个资源，比如从一个JSP页面跳转到另一个JSP页面或者一个Action。在Struts2框架下使用`<jsp:forward/>`进行页面跳转时，可能会遇到“404 Not...
浏览器报“已拦截跨源请求：同源策略禁止读取位于XXX的远程资源（CORS 请求不是 http）”
sfan0919的博客
07-20 8369
起因是pytest+allure谷歌浏览器打开测试报告后显示404 查看console可看到是因为跨域问题 –解决办法： 火狐浏览器设置步骤: 1.进入火狐配置页进行设置 ,地址栏输入"about:config" 2.点击”我了解此风险”后进入页面 3.搜索”security.fileuri.strict_origin_policy”,并设置该项为false 4.重启浏览器，可以跨域访问 谷歌浏览器: 不支持,别浪费力气了 ———————————————— 版权声明：解决办法为CSDN博主「老裆益壮☭」
已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 'Access-Control-A
qq_41377914的博客
01-27 4万+
已拦截跨源请求：同源策略禁止读取位于 http*****的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。 CORS一般不需要在浏览器配置，浏览器发现这次跨源AJAX请求是简单请求，就自动在头信息之中，添加一个Origin字段，Origin字段用来说明，本次请求来自哪个源（协议 + 域名 + 端口）。  服务器根据这个值，决定是否同意这
解决{已拦截跨源请求：同源策略禁止读取位于 xxx 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-O)}
qq_51435233的博客
02-02 2万+
看到CORS 头缺少 'Access-Control-Allow-O这个就知道自己跨域了，跨域是指你违背了同源策略，同源策略规定了三个东西一致：协议名、主机名、端口号。 比如：http://localhost:8080/发送ajax请求到http://localhost:8090/服务器，服务器收到了请求，并把数据返回给http://localhost:8080/，但是流浪器没有进一步的给你，因为发现这哥们跨域了，算了，这数据我握在手里了，不给你了，这就是跨域。（这里一定要注意：请求发了，服务器收了，还返
Firebug: 已拦截跨源请求：同源策略禁止读取位于XXX的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-
热门推荐
xlxxcc的专栏
01-18 10万+
第一种，就是在被请求的程序中添加HTTP头，即CORS跨域（跨域资源共享，Cross-Origin Resource Sharing）如： Response.Headers.Add("Access-Control-Allow-Origin", "*"); // JSON { 'Access-Control-Allow-Origin': '*', } // HTML <meta http-equ
已拦截跨源请求：同源策略禁止读取位于 file:///c:/Users/%E6%9D%8E%E5%AE%B6%E8%B1%AA/Desktop/test/data.json 的远程资源。
qq_63170044的博客
04-07 734
出现这个问题是因为浏览器的同源策略（Same-Origin Policy）限制了从一个源（origin）加载的文档或脚本与另一个源的资源进行交互。同源策略是浏览器的一个安全特性，用于防止恶意脚本访问和修改其他网站的内容。在您的例子中，您正在尝试通过 Fetch API 从本地文件系统（file:/// 协议）加载一个 JSON 文件。由于 Fetch API 是基于 HTTP 的，而 file:/// 协议并不是 HTTP，因此浏览器将阻止这种跨源请求。
nginx配置导致的已阻止跨源请求同源策略禁止读取位于xxx的远程资源，原因CORS头缺少‘access control allow origin’
KevinHades的博客
04-02 7448
在nginx为统一域名配置了http和https后，访问https时会出现对另一个的跨域访问，需要在nginx配置文件中location处添加如下内容： location / { add_header 'Access-Control-Allow-Origin' 'http://xxx'; } ......
已拦截跨源请求：同源策略禁止读取位于 http://192.168.88.111:8080/aa/xx的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）
u013484186的专栏
03-02 2380
项目场景： 页面需要一个js请求第三方接口 问题描述： 代码如下： function getBoJunBrand() { $.ajax({ method: 'GET', url: 'http://192.168.88.111:8080/aa/xx', data: { }, success:function(data){ console.log(data); alert("【Success】"+data); return data;
火狐浏览器的已拦截跨源请求：同源策略禁止读取位于https://xxx的远程资源问题怎么解决
06-01
这个问题可以通过在服务端设置CORS（跨域资源共享）来解决。CORS是一种基于Http头的机制，它允许浏览器向跨源服务器发出XmlHttpRequest请求，从而克服了Ajax只能同源使用的限制。具体操作如下： 1. 在服务端设置响应头Access-Control-Allow-Origin，来指定允许跨域访问的来源。例如，如果要允许所有来源跨域访问，可以设置为Access-Control-Allow-Origin: *。 2. 如果请求中包含自定义的Http头，如Authorization等，还需要在响应头中设置Access-Control-Allow-Headers，来指定允许跨域访问的自定义Http头。 3. 如果请求是带有Cookie的，还需要在响应头中设置Access-Control-Allow-Credentials为true，来允许跨域请求携带Cookie。 4. 如果是HTTPS协议，则需要在响应头中设置Access-Control-Allow-Origin为具体的域名，而不能使用通配符*。 总之，在服务端设置好CORS后，浏览器就可以正常跨域访问了。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值