http跨域问题解决方案（No 'Access-Control-Allow-Origin' header is present on the requested resource）

最新推荐文章于 2024-05-03 21:50:02 发布
最新推荐文章于 2024-05-03 21:50:02 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： spring 文章标签： 跨域 CROS Access-Control-Allow-Origin CrossOrigin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LLF_1241352445/article/details/103325340
版权

    说说我出现跨域的场景：在做前后端分离的项目，前端使用9000端口访问，但是请求后端的端口是8080，于是请求之后可以接受到json数据，但是前端出现错误Access to XMLHttpRequest at 'http://localhost:8080/web/admin/commodityManager/lisCommodityBySkuOr' from origin 'http://localhost:9000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.如下图

于是乎明百这是跨域问题，就去学习了相关知识，现总结如下：

  1. CORS（跨域）： 常被大家称之为跨越问题，准确的叫法是跨域资源共享（CORS，Cross-origin resource sharing），是W3C标准，是一种机制，它使用额外的HTTP头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。
  2. 什么叫跨域？
  • 请求协议http,https的不同
  • 域domain的不同
  • 端口port的不同

     3.跨域如何解决？

  • 通过使用Spring注解CrossOrigin即可解
最低0.47元/天 解锁文章
十一，你好
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 2767
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.
本地服务器跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决方法
zhujiangtaotaise的专栏
10-08 2913
请求方法为，状态值为302或403。报错信息如下：是请求，且，其实字段的类型为的 POST 请求,CORS规定，不属于以下类型的，都属于preflightrequest）：text/plain发送""时，需要用到方法OPTIONS。
No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
开心就好~~~专栏
01-23 18万+
跨域问题项目背景车祸现场解决问题总结 项目背景 前端：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'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
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关于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 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注解，当前...
ajax 跨域出现 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决
缚己
01-19 929
问题截图 翻译 从目标“http://127.0.0.1:5500”访问“http://127.0.0.1/”的XMLHttpRequest已被CORS策略阻止：被请求的资源上没有“Access- control - allow - origin”报头 W3C 组织是这样实现HTTP跨域请求的： Cross-Origin Resource Sharing 简单来说就是服务器端没有设置一系列的响应头，进而不同意跨域访问。 如果使用的是原生 Node.js，需要设置响应头为： ...
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 = '...
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
解决方案 ‘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解决转发地址时跨域的问题
01-20
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 这就是跨域问题。解决方案有不少，比较好的是服务器端配置CORS，但要求服务器端...
Allow-Control-Allow-Origin
09-20
解决浏览器跨域请求出现No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.问题
跨域 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.
一起加油吧！
12-10 7308
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
后台解决跨域问题
m1s2q3l4的博客
02-18 476
出现的问题 解决办法： 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异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 7739
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
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、付费专栏及课程。

余额充值