跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

最新推荐文章于 2024-08-15 23:32:43 发布
最新推荐文章于 2024-08-15 23:32:43 发布
阅读量600 收藏 1
点赞数
分类专栏： Java API 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46831482/article/details/120682611
版权

Access to XMLHttpRequest at ‘xxxxxxxxxxxxxx’ 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.

image-20211010091425457

此问题是跨域问题，跨域问题出现的三种情况：

  • 端口跳转
  • http和https之间的跳转
  • 域名跳转

转

  • 域名跳转

在Java开发后端是可以在控制器中添加@CrossOrigin注解解决，如果还出现问题，需要仔细检查前端连接拼接是否正确，需要调用的方法名是否与后端中一致。

Best-Wishes
关注
专栏目录
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 8708
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
vue项目跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
m0_48390697的博客
09-08 547
vue项目跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource.
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_46353030的博客
07-30 2918
一、问题 在访问url地址的时候出现 No ‘Access-Control-Allow-Origin’ header is present on the requested resource 报错，看了MDN的解决办法后我直接在url地址的前面加上了“Access-Control-Allow-Origin: ” 结果出现请求头错误的报错 二、原因 为了了解跨域首先需要弄清楚两个问题 什么是跨域？ 为什么会出现跨域？ 跨域是为了保护用户的一种安全机制，出现跨域的原因可能是出现了不同源的AJAX请求。
request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ header is present on the
weixin_50158551的博客
08-29 1144
接口出现跨域问题
CORS policy: ***No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 跨域的解决办法
最新发布
Spring Boot-Common On With You
08-15 890
跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。
踩坑日记：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
好学而不勤问非真好学者
11-21 290
Access to XMLHttpRequest at 'http://xxxxxxxxxxxxxxxxxxx' from origin 'http:xxxxxx' 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 resourc
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
2301_79779756的博客
05-10 6126
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
一起加油吧！
12-10 7985
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
VUE axios 跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
lelesidai的博客
07-07 6414
开发环境中，使用axios调用接口时，出现跨域的时候会被浏览器拦截，故而造成请求失败，并且在控制台中显示 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8081’ is therefore not allowed access.** 第一步：看看你的项目根部有没有vue.config.js这个文件； 如果没有那你要用“终端”输入“vue ui” 打
后台解决跨域问题
m1s2q3l4的博客
02-18 501
出现的问题 解决办法： 1.创建工具类 2.进行实现 package com.shoppingbackstage.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframew
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
天元白手的博客
09-07 355
1、跨域解决方式 在后端接口controller添加注解（常用） @CrossOrigin //解决跨域的问题 2、使用网关解决（）
前段跨域问题 check: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
wolf23151269的博客
04-26 883
预请求（Preflight Request）是在跨域请求中的一种特殊请求，它是浏览器在发出实际请求之前发出的一个试探性的请求，用于向服务器确认实际请求是否安全。预请求会先发出一个 HTTP OPTIONS 请求，其中会包含一些试探性的头部字段，包括请求的方法、头部字段、Origin等信息，以便确认实际请求是否安全。如果服务器响应了预请求，并且允许实际请求，则浏览器才会发出实际请求。预请求的作用在于防止跨站点伪造请求（Cross-site Request Forgery，CSRF）攻击。
跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource
ourLang
07-13 2万+
刚学习nginx+tomcat+spring+vue配置项目代理，在公司window7启动没有问题，但是在家里window10不行，始终报No ‘Access-Control-Allow-Origin’ header is present on the requested resource.错误 搞了4天晚上还是没想明白，所有的配置都是一样，为什么不行呢？心态当时已经崩了……，但是还是想弄清楚为...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.errError: Network Error
weixin_44826970的博客
08-20 297
No 'Access-Control-Allow-Origin' header is present on the requested resource.errError: Network Error
项目开发遇到问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
weixin_47632717的博客
08-07 259
No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 在vue＋springboot中项目中遇到跨域问题Access to XMLHttpRequest at ‘http://localhost:9001/xxx’ blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Acce
No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
热门推荐
开心就好~~~专栏
01-23 19万+
跨域问题项目背景车祸现场解决问题总结 项目背景 前端：VUE 后端：Java JDK 1.8 Springboot 1.5.12 maven 3.3.9 服务器环境：Linux nginx 数据库：mysql 车祸现场 1、废话不说直接上干货 仔细一点可以看出，No ‘Access-Control-Allow-Origin’ header is present on the requested...
【SpringBoot】No 'Access-Control-Allow-Origin' header is present on the requested resource.
靓仔的博客
03-06 3324
关键字：跨域,Access-Control-Allow-Origin 在做一个前后端分离项目，本来前端项目都可以正常访问后端接口，跨域是这么设置的，接口可以正常访问 @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(Cor...
TongWeb跨域问题- No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
代号1998的专栏
04-23 569
在进行国产化适配的过程中，出现了Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.3.发现运维配置过程中，禁用了options方法.1.尝试使用反向代理和前后端COR配置，均无效。2.Get请求可以，而Options请求被拒绝。
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是一个跨域问题。这个问题通常发生在前端访问后端接口时，由于安全限制，浏览器会阻止跨域请求。要解决这个问题，有几种方法可以尝试。 一种方法是在后端接口或配置文件中添加跨域代码。可以使用以下代码来允许所有来源访问接口： header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 或者在过滤器中添加以下代码： httpResponse.setHeader("Access-Control-Allow-Origin","*"); httpResponse.setHeader("Access-Control-Allow-Credentials", "true"); httpResponse.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE"); 另一种可能的原因是在配置文件或其他设置中重复配置了跨域。比如在FileUtil中配置了response.addHeader("Access-Control-Allow-Origin", "*")，然后又在CorsFilter中添加了一次配置。这样就会出现两个Access-Control-Allow-Origin问题。在这种情况下，只需要删除其中一个配置即可解决问题。 总结来说，解决"No 'Access-Control-Allow-Origin' header is present on the requested resource"问题的方法是添加跨域代码或删除重复的跨域配置。这样浏览器就能正确处理跨域请求了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Best-Wishes

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

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

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

打赏作者

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

抵扣说明：

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

余额充值