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

最新推荐文章于 2024-08-23 18:57:37 发布
最新推荐文章于 2024-08-23 18:57:37 发布
阅读量9.3k 收藏
点赞数
分类专栏： web前端基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/icebns/article/details/100107273
版权

报错全文：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())

icebns
关注
专栏目录
出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 6431
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 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont
09-26 8094
出现这个就说明有发生跨域请求了 假设项目是在本地的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 ‘http://localhost’ has been blocked by CORS policy”
最新发布
qq_34419312的博客
08-23 4445
解决“Access to XMLHttpRequest at ‘XXX’ from origin ‘http://localhost’ has been blocked by CORS policy”
控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy
lph159的博客
03-21 6125
期初我是在写前端代码进行调试，其中用到了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 1122
前端提交信息时遇到这个错误，查了一下是跨域问题。 参考下面的博客， 添加链接描述 按照博客中说的改了一下settings 但是运行了一下出错了，说是找不到模块 No module named ‘corsheaders’ 只需要pip3 install django-cors-headers 这样就可以啦 ...
Access to XMLHttpRequest at ‘域名1 ‘ from origin ‘域名2‘ has been blocked by CORS java跨域问题详细解决方案
qq_36255346的博客
06-17 6466
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.
前端学习（2442）：解决跨域问题
歌谣的博客
10-20 1551
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 'XXX' from origin 'XX' has been blocked by CORS policy: No 'Access-Contr
weixin_43180463的博客
11-19 1236
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-...
Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:
gzhiii的博客
06-26 2994
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 1151
前端必读之跨域问题（一）：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
Ajax跨域请求时出现Access to XMLHttpRequest at ‘xxx‘ from origin ‘xxx‘ has been been blocked by CORS policy
qq_56769991的博客
03-23 6043
1.在做前后端分离的项目时，会遇到跨域问题，如下图所示： 2.这里可以看到，出现了跨域问题，首先我们先看看跨域问题是怎么产生的： 这是由于浏览器同源策略的限制。 所谓同源是指：协议、域名、端口三者都要相同，即使两个不同的域名指向同一个IP地址，也是非同源。 一句话总结：只要请求的资源URL的协议、域名、端口号三者任意一个与当前页面的不同就会出现跨域问题。 同源策略是一种约定，用于保障浏览器最基本最核心的安全问题，若是缺少同源策略浏览器的正常功能可能都会受到影响。试想一下，如果没有同源（同协议、同域名、同端
Access to XMLHttpRequest at has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header
shidas的博客
07-28 1928
前端vue h5等跨域之chrome篇
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 1877
解决问题：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-
XMLHttpRequest at from origin has been blocked by CORS policy No Access-Control-Allow-Origin header
Hong8278556的博客
06-07 1146
记录一个报错内容和实际的问题不符的状况 上传视频的时候浏览器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 at ‘http://xxxx‘ from origin ‘http://xxxx‘ has been blocked by CORS policy
热门推荐
笑三年-Dylen
10-30 10万+
解决CORS跨域问题 今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-A
解决Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Acce
其实我十八，你呢？
11-08 1778
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就可以了 ...
Access to XMLHttpRequest at ‘...‘ from origin ‘...‘ has been blocked by CORS policy: No ‘Access-Cont
璨星烁的博客
08-20 2784
解决跨域问题
cess to XMLHttpRequest at 'http://127.0.0.1/PHP/shop/addtupian.php' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
06-12
这个问题是由于浏览器的同源策略所导致的。当你在一个网页中向另一个不同源（协议、域名、端口号任意一个不同）的网站发起 AJAX 请求时，浏览器会拦截这个请求，因为这可能会造成安全问题。为了解决这个问题，可以在服务器端添加响应头，允许跨域访问。具体方法是在服务器端的响应中添加一个名为 "Access-Control-Allow-Origin" 的响应头，值为允许跨域访问的域名。例如，在 PHP 中可以使用以下代码：header("Access-Control-Allow-Origin: http://localhost:8080"); 这样就可以允许来自 http://localhost:8080 的请求访问了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值