CORS 头缺少 'Access-Control-Allow-Origin'问题

最新推荐文章于 2025-06-06 09:52:38 发布
原创 最新推荐文章于 2025-06-06 09:52:38 发布 · 2.7w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ajax #CORS #JavaScript #Access-Control-Allow #实例

本文记录了解决使用XMLHttpRequest访问不同源服务器时遇到的跨域问题的过程。通过调整响应头中的'Access-Control-Allow-Origin'字段大小写，成功实现了跨域请求。

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

今天,在学习http://www.w3school.com.cn上面ajax时,做了一个实例.发现 在使用XMLHttpRequest访问公司测试域服务器上的一个cgi程序时,火狐报错:

使用百度搜索后,发现原来是为了安全而使用同源策略,网友提供的建议是在服务器端的响应头加入:

Access-Control-Allow-Origin: http://xxx.yyy.com

.可是,自己实际试了试,发现还是报错缺少'Access-Control-Allow-Origin'.正在苦恼时,想起使用抓包工具看看返回的数据里面有没有'Access-Control-Allow-Origin'.结果见图tcpdump_01

响应头里面已经含有此数据了!!!正在此时,我发现抓包抓到的数据里面有一个是csdn的,里面也有"Access-Control-Allow-Origin："使用火狐F12 查看响应头发现,全部为小写,如图firefox_01所示

.

接着,按照csdn的形式,改为小写,我的ajax也顺利实现调用cgi并接收到返回了.只是大小写问题???在此先记录一下,供以后进一步学习研究

Access-Control-Allow-Origin 缺少标头
weixin_40945354的博客
03-30 2653
createError.js?2d83:16 Uncaught (in promise) Error: Network Error at createError (createError.js?2d83:16:1) at XMLHttpRequest.handleError (xhr.js?b50d:84:1) 1 项请求 请求 状态 预检请求（如果出现问题） 标头 问题 无效值（若有） indextop&key=af5d5f0719c063d4b3db6999e55 已屏蔽 A
BUG记录——跨域请求错误 CORS    头缺少  Access-Control-Allow-Origin
weixin_44105802的博客
06-08 1588
CROS 头缺少 'Access-Control-Allow-Origin'
JAVA springboot Access-Control-Allow-Origin
最新发布
chengmin123456789的博客
06-06 353
也就是说，只有当你的请求是通过浏览器发起的（比如前端 JavaScript 使用 fetch 或 XMLHttpRequest），这个头才会起作用。只有来自https:/your-domain.com的前端页面（即请求的来源 Origin 是这个域名），才能通过浏览器发起跨域请求访问这个接口。https://epos.whbswdt.com/xxx  也被允许（路径不影响）https://www.epos.whbswdt.com  子域名不同，也不被允许。区分大小写 & 完全匹配。
Cors跨域请求，配置Access-Control-Allow-Origin："*"，无效解决方案
热门推荐
倒着走的码农
03-17 3万+
由于应用需要跨域请求数据，博主在JDK8、Tomcat7.0的cors可以配置Access-Control-Allow-Origin："*"，但是我按照文档配置以后却没有生效，一度怀疑是tomcat或者jdk的问题，最后想起来web.xml是按照从前往后的顺序加载的。解决方案：是filter位置的问题，你把整个放到第一个filter的位置就可以了。给出web.xml: <web-app
Access-Control-Allow-Origin:*不生效
ssk0411的博客
11-18 1万+
前端附带身份凭证的请求，所以服务器Access-Control-Allow-Origin 不能设为* 附带身份凭证的请求与通配符 对于附带身份凭证的请求，服务器不得设置 Access-Control-Allow-Origin 的值为“*”。 这是因为请求的首部中携带了 Cookie 信息，如果 Access-Control-Allow-Origin 的值为“*”，请求将会失败。而将 Access-Control-Allow-Origin 的值设置为 http://foo.example，则请求将成功执行。
数据导出excel报No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
Stone.鱼儿的博客
09-25 5164
首先网上一大推解决跨域问题的解决方法，大致有三种方法 方法1： /** * 解决跨域 */ @Configuration public class CorsFilter implements WebMvcConfigurer{ public void addCorsMappings(CorsRegistry registry) { registry.addM...
Allow CORS Access-Control-Allow-0.1.9.zip
12-26
允许CORS：通过Access-Control-Allow-Origin，您可以轻松地在Web应用程序中执行跨域Ajax请求。 描述： 轻松将（Access-Control-Allow-Origin：*）规则添加到响应标头。 允许CORS：通过Access-Control-Allow-Origin...
Allow-CORS_-Access-Control-Allow-Origin_v0.1.2.crx
02-27
Allow CORS: Access-Control-Allow-Origin lets you easily perform cross-domain Ajax requests in web applications. Simply activate the add-on and perform the request. CORS or Cross Origin Resource ...
TOMCAT 跨域 CORS Access-Control-Allow-Origin cors-filter
06-20
标题“TOMCAT 跨域 CORS Access-Control-Allow-Origin cors-filter”提及的是在Tomcat服务器上实现CORS策略的一种方式，主要涉及到`Access-Control-Allow-Origin`这个关键的响应头。 `Access-Control-Allow-Origin`...
Allow CORS: Access-Control-Allow-Origin-crx插件
04-02
语言:English 轻松添加（访问 - 控制 - 允许 - 源：*）规则... 如果您有一个功能请求，或者发现要报告的错误，请填写加载项的主页中的错误报告表单（https://mybrowseraddon.com/access-control-allow-origin.html）。
allow-cors-access-control插件
02-10
CORS通过设置`Access-Control-Allow-Origin`响应头来解决这个问题。此头字段告诉浏览器，哪些来源的页面被允许访问当前资源。如果服务器在响应中包含这个头，并且值匹配到请求的源，那么浏览器就会允许跨域请求。...
CORS 头缺少 ‘Access-Control-Allow-Origin‘
FatalFlower的博客
01-19 6966
已拦截跨源请求：同源策略禁止读取位于 ************ 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）。 个人遇到的问题：使用原生JavaScript的 XMLHttpRequest 进行跨域资源的访问，遇到了这个问题。这个问题是由于不同的域名之间的资源访问， 当前的页面或者服务器不允许其它地址的跨域资源访问造成的。 解决方法如下： 首先， 确保服务端允许跨域资源共享， 在Spring Boot中， 在对应的控制器方法中添加@CrossOrigi
CORS 头缺少 'Access-Control-Allow-Origin'
星月昭铭的博客
05-16 1万+
今天使用vue发送Ajax请求时发现，请求不到数据，打开浏览器控制台发现报已拦截跨源请求：同源策略禁止读取位于 http://vue.studyit.io/api/get/lunbo 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’） 的错误 后面百度了一下CORS，CORS是一种允许当前域（domain）的资源（比如html/js/web ser...
CORS 头缺少 'Access-Control-Allow-Origin
周二也被占用
10-23 8746
XMLHttpRequest cannot load http://localhost:8080/UP/tongHua?_search=false&nd=1477198221063&rows=10&page=1&sidx=&sord=asc. No 'Access-Control-Allow-Origin' header is present on the requested resource.
Ajax跨域访问抱错 原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘
yangfan5314的专栏
02-01 3397
当Ajax跨域访问，明明已经获取到访问的json数据但是浏览器报错CORS 头缺少 ‘Access-Control-Allow-Origin’ ； 解决方式一： 过滤器 package com.xet.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.ServletException; import javax.ser
Flask碰到 原因:CORS 头缺少 'Access-Control-Allow-Origin'解决方案 解决
微电子学与固体电子学-俞驰
12-22 5235
完整问题: 已拦截跨源请求：同源策略禁止读取位于 http://localhost:10072/sendAjax2 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin' 根据[1]需要html和flask同时配合 flask部分如下: from flask import Flask,render_template,request,jsonif...
OSS设置CORS规则以后还是报No 'Access-Control-Allow-Origin'解决方法
weixin_34041003的博客
01-01 3879
OSS设置CORS规则以后还是报No 'Access-Control-Allow-Origin'解决方法   在OSS控制台设置了CORS规则以后，通过JS程序去调用的时候报No 'Access-Control-Allow-Origin' header is present on the requested resource，可以通过下面的思路来进行下排查：   1. 确认检查CORS规则...
解决CORS 头缺少 ‘Access-Control-Allow-Origin‘问题
CYY941027的博客
01-11 4234
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8888/xxxx/qurty的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）。 原因:设计这个机制是为了提高安全性。 解决方案: 1:使用"@CrossOrigin"注解，加在controller则对该controller下所有方法有效，加在具体方法则仅对该方法有效： @RequestMapping(“") @CrossOrigin(origins = "", maxAge = 360
CORS头缺少Access-Control-Allow-Origin
11-17
CORS（跨源资源共享）是一种机制，它使用额外的HTTP头来告诉浏览器让运行在一个源上的Web应用被准许访问来自不同源的指定的资源。如果CORS头缺少Access-Control-Allow-Origin，则会出现跨域问题，导致浏览器拒绝访问。解决这个问题的方法是在服务器端添加Access-Control-Allow-Origin头。以下是两种解决方法： 1.在服务器端添加Access-Control-Allow-Origin头 ```python from flask import Flask from flask_cors import CORS app = Flask(__name__) CORS(app) @app.route('/') def hello_world(): return 'Hello, World!' ``` 2.在nginx配置文件中添加Access-Control-Allow-Origin头 ```nginx location / { add_header Access-Control-Allow-Origin *; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

young_always

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值