ajax测试报错Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Co

最新推荐文章于 2025-06-09 22:35:10 发布
最新推荐文章于 2025-06-09 22:35:10 发布
阅读量9.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/icebns/article/details/100107273
本文详细解释了跨域策略导致的访问错误，特别是在本地不同端口间的资源请求受阻情况。提供了通过使用Koa框架的cors中间件来解决跨域问题的方法。

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

报错全文：Access to XMLHttpRequest at 'http://localhost:8080/' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

报错原因：本地不同端口也属于不同的域，因此需要跨域

实现跨域：通过script的src属性，或通过信任的服务器代理请求
 

可如图安装koa解决跨域问题

之后引入即可：

const cors = require("@koa/cors");

app.use(cors())

出现 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.
Access to XMLHttpRequest at ‘http:xxx‘ from origin ‘null‘ has been blocked by CORS policy: No ‘Acces
Saehun1994的博客
07-02 2086
具体来说，错误中提到的“Access to XMLHttpRequest at 'http:xxx' from origin 'null' has been blocked by CORS policy”意味着从“null”这个源（通常是因为你的代码是在本地文件系统中直接打开而不是通过服务器运行的）向“http:xxx”这个地址发送请求时被CORS策略阻止了。头部，你可以将其设置为你的前端服务器的URL（如果你希望只允许来自该URL的请求）或。（允许来自任何源的请求，但出于安全考虑，通常不推荐）。
Access to XMLHttpRequest at ‘http://localhost:8088/upload‘ from origin ‘http://localhost:8080‘ has b
xiaofan空欢喜的博客
07-27 5986
Access to XMLHttpRequest at 'http://localhost:8088/upload' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 前端访问后端链接这个错误，一般是跨域问题所导致的，在后端的接口上加入@CrossOrigin...
Access to XMLHttpRequest at 'XXX' from origin 'XX' has been blocked by CORS policy: No 'Access-Contr
weixin_43180463的博客
11-19 1380
Access to XMLHttpRequest at ‘XXX’ from origin ‘XX’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present o AJAX 跨域请求解决方法； 这个问题折腾了很久，有些建议说在浏览器的后面加 –allow-file-access-from-...
成功解决 origin ‘http://localhost‘ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘
最新发布
m0_47020683的博客
06-09 375
看报错第二个ip地址，是什么就改成什么，如果没有端口号那就不要加端口号。我其中的.setAllowedOrigins(
控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy
lph159的博客
03-21 9778
期初我是在写前端代码进行调试，其中用到了axios，打开控制台一直在报上面的错误，以为是跨域的问题，所以一直针对跨域问题进行调试，但是还是解决不了，后来发现我的前端代码有些小错误，axios的method后面是没有s的（我写成了methods），修正之后还是解决不了。在解决跨域问题的时候引入了一些其他依赖，我把依赖去除，问题解决了...绷不住了啊。依赖添加多了会出问题，我针对跨域去解决问题的时候，添加了如下依赖，导致控制台出错。axios的method不带s，所以一定要细心。这个问题，纠缠了我很久。
Access to XMLHttpRequest at from origin has been blocked by CORS policy: No ‘Access-Control-Allow-Or
akronez的博客
08-06 1228
前端提交信息时遇到这个错误，查了一下是跨域问题。 参考下面的博客， 添加链接描述 按照博客中说的改了一下settings 但是运行了一下出错了，说是找不到模块 No module named ‘corsheaders’ 只需要pip3 install django-cors-headers 这样就可以啦 ...
前端学习（2442）：解决跨域问题
歌谣的博客
10-20 1632
1.同源策略如下： URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口 不允许 http:
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS java跨域问题详细解决方案
qq_36255346的博客
06-17 7306
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:
gzhiii的博客
06-26 3214
access to xelhttprequest at from origin has been blocked by cors policy request header field author is not allowed by access-control-allow-headers in preflight response
前端小白必读之跨域问题：Access to XMLHttpRequest*from origin*has been blocked by CORS..Access-Control-Allow-O...
Sherry is here
01-05 1455
前端必读之跨域问题（一）：Access to XMLHttpRequest * from origin * has been blocked by CORS…Access-Control-Allow-Origin 问题描述 某小白是一个只略懂基础三件套和 Angular 框架的前端初学者，这天，小白开始尝试和后端服务器对接，控制台却打印出了如下错误信息： 小白看得一头雾水，ta 赶忙搜索与has been blocked by CORS policy: No 'Access-Control-Allow-O
XMLHttpRequest at from origin has been blocked by CORS policy No Access-Control-Allow-Origin header
Hong8278556的博客
06-07 1226
记录一个报错内容和实际的问题不符的状况 上传视频的时候浏览器F12的console报错如下： Access to XMLHttpRequest at ‘http://localhost:9001/eduvod/video/uploadVideo’ from origin ‘http://localhost:9528’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the reque
跨域问题Access to XMLHttpRequest‘*‘from origin ‘*‘ has been blocked by CORS..Access-Control-Allow-Origin
热门推荐
胡老汉的博客
03-02 33万+
跨域问题解决方案：CORS Access to XMLHttpRequest at '*' from origin '*' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header...
Ajax跨域请求时出现Access to XMLHttpRequest at ‘xxx‘ from origin ‘xxx‘ has been been blocked by CORS policy
qq_56769991的博客
03-23 6295
1.在做前后端分离的项目时，会遇到跨域问题，如下图所示： 2.这里可以看到，出现了跨域问题，首先我们先看看跨域问题是怎么产生的： 这是由于浏览器同源策略的限制。 所谓同源是指：协议、域名、端口三者都要相同，即使两个不同的域名指向同一个IP地址，也是非同源。 一句话总结：只要请求的资源URL的协议、域名、端口号三者任意一个与当前页面的不同就会出现跨域问题。 同源策略是一种约定，用于保障浏览器最基本最核心的安全问题，若是缺少同源策略浏览器的正常功能可能都会受到影响。试想一下，如果没有同源（同协议、同域名、同端
解决Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Acce
其实我十八，你呢？
11-08 1959
Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested reso 在使用AJAX的时候，如果出现这种报错的时候，可以把编译工具重启一下试试，我弄了半天重启下Vscode就可以了 ...
Ajax跨域请求时出现Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been been blocked by CORS policy
一花一世界
09-19 6万+
Ajax请求报错，出现如下错误： Access to XMLHttpRequest at 'localhost:8888/register' from origin 'http://localhost:8080' has been blocked by CORS policy: Cross origin requests are only supported for protocol scheme...
Access to XMLHttpRequest at ‘xxx‘ from origin ‘xxx‘ has been blocked by CORS policy: No ‘Access....
m0_56233309的博客
09-23 1986
解决问题：Access to XMLHttpRequest at http://localhost:81/admin/oss/file/upload?module=avater'from origin 'http://localhost:9528' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-
Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont
09-26 8414
出现这个就说明有发生跨域请求了 假设项目是在本地的8003端口 但是调用了8006的接口，那么就会出现跨域了 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> $.ajax({ url: 'http://127.0.0.1:...
Access to XMLHttpRequest at from origin has been blocked by cors policy : Response to preflight request doesn't pass access control check : No 'Acdcess-Control-Allow-Origin' header is present on the requested resource
05-09
当遇到 `No Access-Control-Allow-Origin` 错误时，这表明服务器未正确配置以处理跨域资源共享（CORS）请求。以下是解决问题的方法： #### 1. **理解预检请求 (Preflight Request)** 浏览器在发送某些复杂请求之前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值