No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.errError: Network Error

最新推荐文章于 2024-05-10 21:47:27 发布
最新推荐文章于 2024-05-10 21:47:27 发布
阅读量308 收藏 1
点赞数
分类专栏： 前端 知识储备 报错 文章标签： 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44826970/article/details/126443867
版权
报错 同时被 3 个专栏收录
27 篇文章 0 订阅
订阅专栏
知识储备
19 篇文章 0 订阅
订阅专栏
前端
7 篇文章 1 订阅
订阅专栏

控制台报错信息

Access to XMLHttpRequest at 'http://**/login' from origin 'http://**:9528' 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.
errError: Network Error

原因分析

根据Access-Control-Allow-Origin可以看出是跨域问题，通过一个地址访问另一个地址，这个过程中如果有三个地方任何一个不一样，都会产生跨域问题。

1.访问协议

http、https

2.端口号不一样

这个地方我的报错是用9528访问8001

3.ip 地址不一样

解决方式

1.在后端接口controller加一个注解@CrossOrigin
2.使用网关解决

summer snow rain
关注
专栏目录
Access-Control-Allow-Origin‘ header is present on the requested resource. 阿里云对象存储跨域请求解决办法
Spring Boot-Common On With You
09-11 94
关于这个问题，是在管理平台中，对接阿里的存储对象API接口时遇见的，前端请求后端，获取签名前端利用签名，通过 存储对象 的前端URL上传上传时出现跨域的情况，
静态文件访问不到报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'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
11-13 33万+
当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误： “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”，翻译下，因为被请求的资源没有设置 ‘A...
完美解决：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. 跨域问题！
开心就好~~~专栏
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...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource关于vue跨域问题
qq_42212557的博客
12-06 2万+
No 'Access-Control-Allow-Origin' header is present on the requested resource关于vue跨域问题
No ‘Access-Control-Allow-Origin‘ header is present之 为什么会跨域及解决方案
Brucelwl的博客
08-12 9万+
1 浏览器的限制 2 跨域 3 浏览器发送的是 XHR (XMLHttpRequest)请求 当以上三个条件都满足时浏览器会抛出跨域请求异常（记住是浏览器抛出的异常，和服务端没太大关系），在讲跨域请求解决方案前先了解几个问题。 1 http请求中，哪些是常见的简单请求，哪些是非简单请求 常见的简单请求：请求方法为：GET ，HEAD，POST，请求header里面无自定义头，Conten...
已解决：No 'Access-Control-Allow-Origin'跨域问题
08-19
<param-value>Access-Control-Allow-Origin,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value> </init-param> <async-supported>true...
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
01-10
add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,POST'; 使用以下配置，生效。 if ($request_method = '...
解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’
12-20
标题 "解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’" 提到的是一个在Web开发中常见的跨域问题。`Access-Control-Allow-Origin` 是一个用于控制资源跨域访问的...
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
09-09
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'; if ($request_method = 'OPTIONS') { ...
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
最新发布
2301_79779756的博客
05-10 9218
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
本地服务器跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决方法
zhujiangtaotaise的专栏
10-08 3382
请求方法为，状态值为302或403。报错信息如下：是请求，且，其实字段的类型为的 POST 请求,CORS规定，不属于以下类型的，都属于preflightrequest）：text/plain发送""时，需要用到方法OPTIONS。
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 9549
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
处理 No 'Access-Control-Allow-Origin' header is present on the requested resource 问题
qq_37647296的博客
04-19 6万+
在开发中，前端同事调用后端同事写好的接口，在地址中是有效的，但在项目的ajax中，浏览器会报 "No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误。 这是由于浏览器禁止ajax请求本地以外的资源，解决办法如下： 后端同事在Controller层的类上增加@CrossOrign注解，当前...
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
一起加油吧！
12-10 8507
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
解决CORS : No ‘Access-Control-Allow-Origin’ header is present on the requested resource访问跨域问题
哈哈哈
08-26 6491
一. 抛出问题 今天在使用写前端代码的时候，在HBuilder中用JQuery异步请求eclipse中的项目 报出了下面的错误 问题copy下来就是： Access to XMLHttpRequest at ‘http://localhost:6230/all/allexams?accId=1’ from origin ‘http://127.0.0.1:8848’ has been blocked by CORS : No ‘Access-Control-Allow-Origin’ header i
后台解决跨域问题
m1s2q3l4的博客
02-18 523
出现的问题 解决办法： 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.
小花生编程
01-13 18万+
什么是跨域访问 在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略， 同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源（相同域名或IP）的资源。 跨域 ...
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
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值