跨域错误问题has been blocked by cors policy

最新推荐文章于 2025-06-09 22:35:10 发布
最新推荐文章于 2025-06-09 22:35:10 发布
阅读量10w+ 收藏 9
点赞数 2
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/less_cold/article/details/53390313
本文介绍了通过在Apache服务器配置文件中添加特定设置来解决跨域请求问题的方法，并提供了使用PHP处理跨域请求的示例。

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

这个问题其实是一个跨域调用错误

有多种解决方法，我放到服务器上所以在服务器上的apache的配置文件中修改。

一开始以为apache的配置文件是httpd.conf

然后发现我压根没有这个文件，在/etc/apache2/apache2.conf中加入

<IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
            SetEnvIf Origin ":" IS_CORS
            Header set Access-Control-Allow-Origin "http://服务器ip" env=IS_CORS
        </FilesMatch>
    </IfModule>
</IfModule>
然后就解决了这个跨域的问题

这个还有很多其他的解决办法，例如在php中调用跨域的内容时，

在php中加入

header("Access-Control-Allow-Origin：http://服务器ip");
其他的就先不说了，因为没有用到
less_cold
关注
出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 1万+
Access to XMLHttpRequest at 'http://127.0.0.1:5000/api/data' from origin 'http://10.197.0.79:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
vue使用video播放视频跨域问题“has been blocked by CORS policy: No ‘Access-Control-Allow-Origin
海贼王某人的博客
07-31 1935
起因：项目需要加一个视频播放功能，线上资源和网页url不是一个域名，导致跨域了无法播放，报错。我真的服了，网上答案十个九个都是错的，那些人发出来的东西自己都不验证一下吗，多了一个 i 让我好找啊，最后还是解决了，如果你用crossOrign无法解决就把 i 加上吧，我也不知道什么原因，反正的我不加 i 就可以播放了，记录一下这个大坑。注意：是crossOrign=“anonymous”，不是crossOrigin=“anonymous”
CORS error错误 has been blocked by CORS policy前端请求浏览器出错
qq_41966761的博客
10-14 3万+
问题简述 通过vue的axious拦截全局请求在请求头上加了identify和token字段后，访问后端zuul网关，浏览器出现错误，导致后台接收不了http包的自定义header字段，并不能很好的进行网关的鉴权。 错误如下: Access to XMLHttpRequest at ‘http://127.0.0.1:27000/api/v1/index-infos’ from origin ‘http://’ has been blocked by CORS policy: Request header
成功解决 origin ‘http://localhost‘ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘
最新发布
m0_47020683的博客
06-09 334
看报错第二个ip地址，是什么就改成什么，如果没有端口号那就不要加端口号。我其中的.setAllowedOrigins(
跨域问题 has been blocked by CORS policy: The request client is not a secure context
程序员超哥的博客
10-21 1万+
问题描述，前端请求后端接口出现了跨域，get请求是OK 的，POST 请求有问题。请求链路是前端请求接口先到服务端的网关系统，再由网关系统转发到其他业务系统中。 第一步、首先看两个相关的服务是不是没有加跨域的配置。经检查发现两台服务都加了跨域代码，如下： 业务系统解决跨域代码： @Configuration public class CorsConfiguration { @Bean public WebMvcConfigurer corsConfiguration() {
跨域问题解决has been blocked by CORS policy: The ‘Access-Control-Allow-Origin‘ header contains multiple va
CSDN_Admin0的博客
04-26 9293
Access to XMLHttpRequest at 'http://localhost:8222/eduservice/indexfront/index' from origin 'http://localhost:3000' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. 通过CORS策
has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '
johnhuster的专栏
04-11 1万+
背景： 通过zuul做代理，反向代理到对应的controller中，发现之前正常工作的接口突然不能正常工作了，最终通过浏览器调试模式发现 出现了错误提示： has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values ' 原因是服务应用里面有一个Cor...
跨域问题 has been blocked by CORS policy The request client is not a secure context
m0_67391401的博客
03-07 3496
问题描述，前端请求后端接口出现了跨域，get请求是OK 的，POST 请求有问题。请求链路是前端请求接口先到服务端的网关系统，再由网关系统转发到其他业务系统中。 第一步、首先看两个相关的服务是不是没有加跨域的配置。经检查发现两台服务都加了跨域代码，如下： 业务系统解决跨域代码： @Configuration public class CorsConfiguration { @Bean public WebMvcConfigurer corsConfiguration() {
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
qq_44021627的博客
08-02 1741
这是由于所有使用JavaScript的浏览器都会支持同源策略。只要有一个不同，就会当作跨域请求。此时还有浏览器同源策略的保护，是防止不同源（域、协议或端口）的网页之间进行恶意操作。所以综上，前端后端处在不同的域时就会报该错误。在一些前后端不同源的项目中，前端向后端发起请求时，有时候无法正常向后端请求到服务，F12查看控制台会发现报错。然后找到请求页面，在axios的请求接口里面只写。然后找到请求页面，在axios的请求接口里面只写。如果使用vue-cli脚手架创建的项目,找到。举个例子，如果请求接口为。
解决跨域has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘，利用Proxy反向代理
我还起舞了的博客
11-21 4387
我们要配置反向代理的原因是：因为跨域问题我们直接拿不到跟我们不同域名不同端口号下的数据，这是浏览器的跨域限制，我们不能在浏览器上显示后端的数据，但是服务器端没有跨域限制，所以可以让我们自己的服务器（项目运行，会启动一台服务器），去请求后端服务器，拿到数据，然后再传给我们前端。反向代理服务器的应用：往这个接口发请求，被拦截到了，凡是往这个接口发请求的，反向代理服务器，会在前面加上target域名 ，往真实的地址去请求。在vue.config.js文件中进行以下配置proxy，具体配置信息可以看下文。
has been blocked by CORS policy: The request client is not a secure context and the resource is ...
khadijiah的博客
01-31 1万+
has been blocked by CORS policy: The request client is not a secure context and the resource is ...
has been blocked by CORS policy: The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘
qq_59833893的博客
10-18 7070
之后又出现 CORS 头缺少 'Access-Control-Allow-Origin' 跨域问题。原因：项目中设置了双跨域配置导致的问题。删除或注解掉一处，只保留一个。注释掉nginx上的相关配置。
Vue报错has been blocked by CORS policy: Response to preflight request doesn‘t pass access controlcheck
热门推荐
风不知从何处起的小屋
05-15 19万+
全部的报错信息： Access to XMLHttpRequest at 'http://127.0.0.1:7772/person/sysOrgInfo/query-next-org-emp?id=xxx' from origin 'http://localhost:8086' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Contro
spring cloud @CrossOrigin 注解 报错 has been blocked by CORS policy: The 'Access-Control-Allow-Origin'
qq_31683775的博客
02-25 1489
浏览器访问接口失败,不返回任何状态码,查看后发现,把方法的@CrossOrigin注解掉就可以了 has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. ...
跨域问题记录：has been blocked by CORS policy_ The ‘Access-Control-Allow-Origin‘
weixin_45680024的博客
10-13 8798
跨域问题
解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘
wsaicyj的博客
11-11 2万+
来自一个IP端口的页面（前端项目），要访问另一个IP端口的资源（springboot请求接口），会产生跨域访问。
has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check
AVATAR
08-26 2万+
如果是自定义Header参数的话，前端发起ajax请求后，浏览器首先会发起一个预检请求（OPTIONS），然后才是业务请求，所以在预检请求的时候浏览器就已经输出跨域报错了，因此针对自定义Header需要把这个预检请求排除掉；/*** 过滤器//... /*** 拦截所有请求，校验url和token//加上校验放行 if(request . getMethod() . equals("OPTIONS")) {} else {} //... }...
跨域 has been blocked by CORS policy
LiJianbo_Jon的博客
11-19 5万+
作者：木子云舒 时间：2021年11月19日14:14:02 背景： 之前也会遇到跨域的问题，但是之前一般是前后端自己写，所有很快就解决了。这次遇到跨域，设置了一些参数，但是不生效。也没有搞清楚，究竟跨域是什么，什么情况会出现跨域，怎么验证是否已解决跨域，底层究竟是前端，服务器，浏览器哪一个环节出现了问题。 通过多次试错，加上和几个同事朋友的沟通后，大概知道了是哪里的问题。 所以说搞懂原理比其他都重要，这样才能定位问题，才知道是否解决了。 总结： 跨域，全称跨源资源共享（CORS）。一般是浏览器设置的安全策
解决canvas图片跨域的问题has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is pres
09-27
出现"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误是由于浏览器的同源策略导致的。同源策略是浏览器的一种安全机制，用于限制从一个源...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值