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

最新推荐文章于 2025-11-02 23:13:53 发布
原创 最新推荐文章于 2025-11-02 23:13:53 发布 · 9.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解释了跨域策略导致的访问错误，特别是在本地不同端口间的资源请求受阻情况。提供了通过使用Koa框架的cors中间件来解决跨域问题的方法。

报错全文：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.
解决xxx by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource问题
念兮为美
08-09 4517
今天登录ant design pro时，报出登录失败的问题，于是打开控制台，如是：xxx 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 ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS java跨域问题详细解决方案
qq_36255346的博客
06-17 7499
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://‘ from origin ‘http://‘ has been blocked by CORS policy
lph159的博客
03-21 1万+
期初我是在写前端代码进行调试，其中用到了axios，打开控制台一直在报上面的错误，以为是跨域的问题，所以一直针对跨域问题进行调试，但是还是解决不了，后来发现我的前端代码有些小错误，axios的method后面是没有s的（我写成了methods），修正之后还是解决不了。在解决跨域问题的时候引入了一些其他依赖，我把依赖去除，问题解决了...绷不住了啊。依赖添加多了会出问题，我针对跨域去解决问题的时候，添加了如下依赖，导致控制台出错。axios的method不带s，所以一定要细心。这个问题，纠缠了我很久。
Vue解决开发环境 Ajax 跨域问题
最新发布
qq_51626500的博客
11-02 1223
Vue解决开发环境 Ajax 跨域问题
Access to XMLHttpRequest at from origin has been blocked by CORS policy: No ‘Access-Control-Allow-Or
akronez的博客
08-06 1252
前端提交信息时遇到这个错误，查了一下是跨域问题。 参考下面的博客， 添加链接描述 按照博客中说的改了一下settings 但是运行了一下出错了，说是找不到模块 No module named ‘corsheaders’ 只需要pip3 install django-cors-headers 这样就可以啦 ...
前端学习（2442）：解决跨域问题
歌谣的博客
10-20 1733
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 ‘某网站‘ from origin ‘某网站‘ has been blocked by CORS policy: No ‘Access-Co
m0_59519985的博客
08-29 1050
Access to XMLHttpRequest at '某网站' from origin '某网站' has been blocked by CORS policy: No 'Access-Co 跨域问题
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)** 浏览器在发送某些复杂请求之前...
springboot跨域：Access to XMLHttpRequest at &apos； has been blocked by CORS policy: The value of the &a
qq_40395100的博客
11-12 833
目录 问题描述： springboot跨域解决： 问题描述： AccesstoXMLHttpRequestat'http://'hasbeenblockedbyCORSpolicy: Thevalueofthe'Access-Control-Allow-Origin'headerintheresponsemustnotbethewildcard'*'whentherequest'scredentialsmodeis'incl...
XMLHttpRequest at from origin has been blocked by CORS policy No Access-Control-Allow-Origin header
Hong8278556的博客
06-07 1260
记录一个报错内容和实际的问题不符的状况 上传视频的时候浏览器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 6336
1.在做前后端分离的项目时，会遇到跨域问题，如下图所示： 2.这里可以看到，出现了跨域问题，首先我们先看看跨域问题是怎么产生的： 这是由于浏览器同源策略的限制。 所谓同源是指：协议、域名、端口三者都要相同，即使两个不同的域名指向同一个IP地址，也是非同源。 一句话总结：只要请求的资源URL的协议、域名、端口号三者任意一个与当前页面的不同就会出现跨域问题。 同源策略是一种约定，用于保障浏览器最基本最核心的安全问题，若是缺少同源策略浏览器的正常功能可能都会受到影响。试想一下，如果没有同源（同协议、同域名、同端
Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:
记录知识、锤炼自我
09-30 6万+
问题场景 错误信息： Access to XMLHttpRequest at 'http://localhost:9090' from origin 'http://localhost:9090' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 翻译：【在http://localhost:9090对http://localhos
解决Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Acce
其实我十八，你呢？
11-08 1996
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 2011
解决问题：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 8500
出现这个就说明有发生跨域请求了 假设项目是在本地的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 'XXX' from origin 'XX' has been blocked by CORS policy: No 'Access-Contr
weixin_43180463的博客
11-19 1411
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-...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值