【异常】 AJAX 跨域请求报：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

已于 2024-01-16 10:30:30 修改
阅读量1.1k 收藏 9
点赞数 7
CC 4.0 BY-SA版权
分类专栏： Android和IOS平台的APP全栈路 文章标签： ajax 前端 javascript
于 2024-01-15 17:22:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48618536/article/details/135605750

AJAX 请求报错

异常描述

本地环境下，直接打开html文件，用AJAX 方法jQuery load() 加载txt文件时，报错如下：

Access to XMLHttpRequest at ‘http://127.0.0.1:81/testSHT/js.txt’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
GET http://127.0.0.1:81/testSHT/js.txt net::ERR_FAILED 404 (Not Found)

在这里插入图片描述
其中，测试的相关代码已经上传资源绑定，代码相对简单，没有错误，只有一个html文件和txt文件，也可以直接查看本博文测试源码的小节进行获取。jquery库引用的是百度CDN（内容分发网络）的，如下：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_46353030的博客
07-30 3175
一、问题 在访问url地址的时候出现 No ‘Access-Control-Allow-Origin’ header is present on the requested resource 报错，看了MDN的解决办法后我直接在url地址的前面加上了“Access-Control-Allow-Origin: ” 结果出现请求头错误的报错 二、原因 为了了解跨域首先需要弄清楚两个问题 什么是跨域？ 为什么会出现跨域？ 跨域是为了保护用户的一种安全机制，出现跨域的原因可能是出现了不同源的AJAX请求。
ajax 跨域出现 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决
缚己
01-19 1028
问题截图 翻译 从目标“http://127.0.0.1:5500”访问“http://127.0.0.1/”的XMLHttpRequest已被CORS策略阻止：被请求的资源上没有“Access- control - allow - origin”报头 W3C 组织是这样实现HTTP跨域请求的： Cross-Origin Resource Sharing 简单来说就是服务器端没有设置一系列的响应头，进而不同意跨域访问。 如果使用的是原生 Node.js，需要设置响应头为： ...
ajax 设置Access-Control-Allow-Origin实现跨域访问
06-06
ajax跨域访问是一个老问题了，解决方法很多，比较常用的是JSONP方法，JSONP方法是一种非官方方法，而且这种方法只支持GET方式，不如POST方式安全。 即使使用jquery的jsonp方法，type设为POST，也会自动变为GET。如果跨域使用POST方式，可以使用创建一个隐藏的iframe来实现，与ajax上传图片原理一样，但这样会比较麻烦。因此，通过设置Access-Control-Allow-Origin来实现跨域访问比较简单。
No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案
热门推荐
zhoucheng05_13的博客
12-12 20万+
No 'Access-Control-Allow-Origin' header is present on the requested resource.当使用ajax访问远程服务器时，请求失败，浏览器报如上错误。这是出于安全的考虑，默认禁止跨域访问导致的。一、什么是跨域访问举个栗子：在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题
AJAX 跨域请求 No ‘Access-Control-Allow-Origin’
sucre_smile的博客
01-03 5373
最近在项目中用到 AJAX 跨域请求，故整理了一下方法， 需要注意的是Response Headers 信息，不同的 Headers 信息有可能获取方式有所不一样，大家可以尝试一下。 经常出现的错误： ** No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ i
js跨域访问，No ‘Access-Control-Allow-Origin‘ header is present on
weixin_30315435的博客
07-29 2474
在本地用ajax跨域访问请求时报错： XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. ...
node.js习题（设置允许跨域访问服务）
weixin_46611729的博客
11-24 357
// 设置允许跨域访问该服务 app.all('*', function (req, res, next) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS'); res.header('Access-Control-Allow-Headers', 'X-Requested-With'); r
ajax 跨域访问 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
u011337602的博客
08-23 1217
现象： 在ajax访问web后端获取信息时，报错如下 Access to XMLHttpRequest at 'http://192.167.3.81:12345/stat/' from origin 'http://192.167.3.81:8888' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Orig.
jquery ajax No 'Access-Control-Allow-Origin' header is present on the requested resource
zhuchunyan_aijia的博客
02-14 4048
No 'Access-Control-Allow-Origin' header is present on the requested resource. 没有访问控制允许源头是目前对请求的资源 ——跨域问题引起。 Access-Control-Allow-Origin与跨域： 问题 在某域名下使用Ajax向另一个域名下的页面请求数据，会遇到跨域问题。另一个域名必须在respon
ajax报错No Access-Control-Allow-Origin header is present on the requested resource
wh456413的博客
06-01 901
ajax报错Access to XMLHttpRequest at ‘xxx’ from origin ‘xxx’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource 原先以为是跨域设置有问题，检查@CrossOrigin和配置类没问题后，终于发现了问题所在： jsp页面使用localhost进行ajax操作，跨域时jsp页面就会出现这种报
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
已解决：No 'Access-Control-Allow-Origin'跨域问题
08-19
"No 'Access-Control-Allow-Origin'"错误是由于浏览器的同源策略（Same-origin Policy）限制所致，该策略规定，JavaScript发起的Ajax请求只能访问与当前页面同源（协议、域名、端口都相同）的资源。当尝试跨域请求时...
解决ajax跨域No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
m0_52364694的博客
05-24 647
在php文件未输出任何信息之前添加:header(‘Access-Control-Allow-Origin:*’);
ajax请求node.js接口时出现 No 'Access-Control-Allow-Origin' header is present on the requested resource错误...
weixin_34080951的博客
03-06 228
ajax请求node.js接口出现了如下的错误： XMLHttpRequest cannot load http://xxx.xxx.xx.xx:8888/getTem?cityId=110105&date=2015-03-04. No 'Access-Control-Allow-Origin' header is present on the requested resource....
Ajax跨域访问解决方案No 'Access-Control-Allow-Origin' header is present on the requested resource.'
weishuo110的博客
05-30 413
客户端解决方案如下：dataType: 'jsonp',将ajax请求中的dataType属性设置为“jsonp”，jsonp是专门用来解决跨域访问而诞生的。例如：
ajax跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_18457725的博客
11-25 216
ajax跨域问题 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. $.ajax({ type: "POST", //请求方式 url: "http://apis.juhe.cn/idcard/index", ...
3- Python 网络爬虫 — 如何抓取动态加载数据？Ajax 原理与实战全解析
最新发布
wh1236666的博客
08-08 1255
Ajax（Asynchronous JavaScript and XML，异步 JavaScript 和 XML）是一种在无需重新加载整个网页的情况下，能够局部更新网页内容的技术。它允许网页通过后台与服务器进行数据交换，在不干扰用户操作的情况下动态更新页面。
c#ajax请求No 'Access-Control-Allow-Origin' header is present on the requested resource.
07-21
这个问题通常出现在浏览器中，它表示在使用 AJAX 请求时，浏览器检测到所请求资源的响应头中缺少 'Access-Control-Allow-Origin' 标头。这是由于浏览器的同源策略所引起的，该策略用于限制跨域请求。 要解决这个问题，你可以在服务器端配置响应头，添加 'Access-Control-Allow-Origin' 标头，并设置为允许访问的域名或所有域名（'*'）。例如，在 C# 中，你可以通过以下方式添加响应头： ```csharp using System.Web; protected void Page_Load(object sender, EventArgs e) { HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*"); } ``` 请注意，在生产环境中，你可能需要根据实际需求限制允许访问的域名，而不是使用通配符 '*'。 另外，如果你的请求还包含其他自定义标头（如授权标头），则还需要在服务器端配置 'Access-Control-Allow-Headers' 标头，并列出允许的标头。 如果你没有控制服务器端配置，你也可以尝试使用代理服务器将请求转发到目标服务器，以绕过浏览器的同源策略限制。 希望这些信息能帮助到你解决这个问题！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

傻傻虎虎

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

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

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

打赏作者

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

抵扣说明：

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

余额充值