No 'Access-Control-Allow-Origin' header is present on the requested resource.

最新推荐文章于 2024-05-10 21:47:27 发布
最新推荐文章于 2024-05-10 21:47:27 发布
阅读量168 收藏
点赞数
分类专栏： Node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_19004/article/details/82678285
版权

原创转载请注明出处：http://agilestyle.iteye.com/blog/2353274

 

通常项目开发中我们通常会遇到跨域调用，然后当请求调用的时候会遇到这个错

No 'Access-Control-Allow-Origin' header is present on the requested resource.


 

通常解决这个错误有两种解决方法

1. JSONP

2. CORS

Note: 

CORS与JSONP相比，更为先进、方便和可靠。

  • JSONP只能实现GET请求，而CORS支持所有类型的HTTP请求。
  • 使用CORS，开发者可以使用普通的XMLHttpRequest发起请求和获得数据，比起JSONP有更好的错误处理。
  • JSONP主要被老的浏览器支持，它们往往不支持CORS，而绝大多数现代浏览器都已经支持了CORS。

但是呢，现在你的项目还是在开发阶段，比如技术选型POC阶段，用不着搞得这么复杂，所以最简单的方法就是在Chrome中安装一个插件Allow-Control-Allow-Origin，可以快而有效的解决这类问题。


 

安装后


开启CORS，再次调试跨域调用，错误就没有了


 

 

哈天奇不奇
关注
专栏目录
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 8814
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
Access-Control-Allow-Origin‘ header is present on the requested resource. 阿里云对象存储跨域请求解决办法
最新发布
Spring Boot-Common On With You
09-11 40
关于这个问题，是在管理平台中，对接阿里的存储对象API接口时遇见的，前端请求后端，获取签名前端利用签名，通过 存储对象 的前端URL上传上传时出现跨域的情况，
完美解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
热门推荐
white0718的博客
07-24 1万+
分析：当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了。前端是vue,后端是springcloud，完全的前后端分离的项目，前端在向后端发送请求的时候出现如下的错误。把我工作中遇到的问题和解决的问题的过程记录下来，同时希望也可以帮到大家！文件，在该文件内新增配置。
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
2301_79779756的博客
05-10 6566
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
No Access-Control-Allow-Origin header is present on the requested resource
开发笔记
06-19 280
问题是跨域问题 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 所以就从这三点去找 https://blog.csdn.net/qq_38128179/article/details/84956552
“No 'Access-Control-Allow-Origin' header is present on the requested resource”
VMLINUZ的专栏
09-30 1860
If I understood it right you are doing an XMLHttpRequest to a different domain than your page is on. So the browser is blocking it as it usually allows a request in the same origin for security reas
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
道阻且长，行则将至。
09-05 290
【解决跨域问题】 Access to XMLHttpRequest at ‘http://localhost:3000/’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 一、报错的原因 原因：浏览器同源策略限制了此类请求。 二、什么是同源策略？ 同源策略它是由 Netscape 提出的一个安全策
No Access-Control-Allow-Origin header is present on the requested resource.解决
是日已过，命亦随减的博客
06-10 1万+
出现此问题的原因是 所请求的资源上没有“ Access-Control-Allow-Origin”标头。 这个是域名的问题，比如你本地域名跟测试站域名冲突，因为在代码中已经设置成某个固定的域名了，所以请求接口的时候本地无法访问到测试站域名，所以要找到config文件最初配置域名的地方把他改成本地的域名就可以了 了。 解决跨域问题也很简单，在PHP代码中增加头部即可。 $header['Access-Control-Allow-Origin'] = '*'; $header['Access-Contr
No Access-Control-Allow-Origin header is present on the requested resource.
09-15
No 'Access-Control-Allow-Origin' header is present on the requested resource是一个跨域问题。这个问题通常发生在前端访问后端接口时，由于安全限制，浏览器会阻止跨域请求。要解决这个问题，有几种方法可以尝试...
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
No 'Access-Control-Allow-Origin' header is present on the requested resource
Ada
03-22 302
问题描述   ajax跨域请求出现异常：No 'Access-Control-Allow-Origin' header is present on the requested resource 解决办法：  在control层增加标签  @CrossOrigin
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is there
jsdxshi的博客
03-28 1212
1、原因：这个和安全机制有关，默认不允许跨域调用 2、解决方法： （1）在controller中添加如下代码： response.setHeader("Access-Control-Allow-Origin", "*"); 只是临时用，据说不安全。
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
GQ_666的博客
12-18 215
前端的同事上了一个厕所，就出现这个问题了。我是笑了，最后找到以下两个解决办法： 1.方法一：使用这个配置 @Configuration public class CrosConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowed
NO ‘Access-Control-Allow-Origin‘ header is present on the request resource跨域异常问题解析及解决方案
m0_53951384的博客
09-09 2512
浏览器去请求学生列表页面时先从前端服务器获取该页面，此时页面中只有静态数据并没有学生列表数据，这时在浏览器的学生列表页面就自动调用获取学生列表数据的方法，所以请求是由浏览器发起的，而不是前端服务器获取所有学生列表数据后返回学生信息列表页面给浏览器。由于获取数据的请求是浏览器发起的，而浏览器有同源策略，非同源的响应数据会被认为不安全进行拦截。只要协议、主机、端口之一不同，就不同源同源检查是浏览器的行为，而且只针对 fetch、xhr(ajax)请求。
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
一起加油吧！
12-10 8042
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问异常
sayyy的专栏
09-25 633
这是浏览器的安全功能，需要服务端代码进行修改解决该问题 接口是自有的 在HTML中，添加 meta 标签 <meta http-equiv="Access-Control-Allow-Origin" content="*" /> 或，在response对象中，添加 header response.setHeader("Access-Control-Allow-Origin", "ht...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值