解决前端报No 'Access-Control-Allow-Origin' header is present on the requested resource问题

http跨域问题解决方案(No 'Access-Control-Allow-Origin' header is present on the requested resource) 说说我出现跨域的场景:在做前后端分离的项目,前端使用9000端口访问,但是请求后端的端口是8080,于是请求之后可以接受到json数据,但是前端出现错误Access to XMLHttpRequest at 'http://localhost:8080/web/admin/commodityManager/lisCommodityBySkuOr' from origin 'http://l... 阅读详情

今天,我在写完后台服务之后,在浏览器通过地址栏调用服务均是正常的,然后我在前端项目中通过ajax来请求该服务,前台控制台一直报错No 'Access-Control-Allow-Origin' header is present on the requested resource,我查看了后台以及对应的数据库,后台流程全部走完并成功的插入了数据库,就是前台报错,经过搜索了很多网上的资料,有的说在前台加跨域头,但是加了之后也没什么效果,最后查得是浏览器禁止ajax请求本地以外的资源,所以,解决办法是在后台Controller层上加一个注解CrossOrigin即可,如:

@CrossOrigin
@Controller
@RequestMapping("/problem")
@ResponseBody
public class ProblemController implements Serializable {

	private static final long serialVersionUID = -5098277858472063709L;
	
	@Autowired
	private IProblem problem;
	
	@RequestMapping("/add")
	public OResult addProblem(@RequestParam(value="userName")String userName,@RequestParam(value="producdId")Integer producdId, @RequestParam(value="problemDesc")String problemDesc, @RequestParam(value="content")String content){
		return problem.addProblem(userName, producdId, problemDesc, content);
	}
}

加上该注解之后,再去前台访问,就可以成功了。

正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法 阅读详情

相关推荐

跨域问题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_41847894的博客 1852

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

跨域问题项目背景车祸现场解决问题总结 项目背景 前端: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...

开心就好~~~专栏 19万+

RexUniNLU零样本通用自然语言理解:nlp_deberta_rex-uninlu_chinese-base模型实战解析

本文深入解析了RexUniNLU零样本通用自然语言理解模型(nlp_deberta_rex-uninlu_chinese-base)的实战应用。通过详细的环境配置、模型加载及实战案例,展示了该模型在零样本场景下的强大能力,如实体识别和复杂关系抽取,显著提升NLP任务效率。

weixin_29088655的博客 250

No 'Access-Control-Allow-Origin' header is present on the requested resource', 跨域访问的解决方法

当请求不在同一域名下的资源文件(ip地址+端口号)时,会报如下错误: “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”,翻译下,因为被请求的资源没有设置 ‘A...

木子叶的奔跑 33万+

硬全桥副边钳位管Vds电压凸台揭秘——寄生参数引发的导通异常

本文深入分析了硬全桥副边钳位管Vds电压凸台现象,揭示了寄生参数如何引发导通异常。通过波形分析和工程实践,详细解析了走线电感的蓄能效应和体二极管的接力作用,并提供了PCB布局优化、元件选型和驱动电路调整等解决方案,帮助工程师有效应对这一常见问题。

weixin_30825581的博客 429

2022-04-06 RK3566 上调试百兆以太网卡YT8512C 调试记录

一、原理图 二、dts &gmac1_clkin{ clock-frequency = <50000000>; status = "okay"; }; &gmac1 { phy-mode = "rmii"; clock_in_out = "input"; snps,reset-gpio = <&gpio4 RK_PC2 GPIO_ACTIVE_LOW>; snps,reset-active-low; sn...

海月汐辰 1万+

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

什么是跨域访问 在A网站中,我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中,那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据,否则就是不安全的。跨域访问违反了同源策略, 同源策略规定,浏览器的ajax只能访问跟它的HTML页面同源(相同域名或IP)的资源。 跨域 ...

小花生编程 18万+

Nacos 2.3.2实战:5分钟搞定达梦数据库插件配置(含避坑指南)

本文详细介绍了在Nacos 2.3.2中配置达梦数据库数据源插件的完整实战流程。通过解析SPI插件机制,提供从环境准备、插件编译部署到核心配置的逐步指南,并重点分享了驱动加载、SQL兼容性等高频问题的避坑解决方案,助力开发者高效完成国产化数据库适配。

weixin_29200485的博客 499

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

Access to XMLHttpRequest at 'http://192.168.2.170:8000/external/statistics/function' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' head

技术杠精的博客 16万+

如何使用superpowers

"这个 bug 帮我修一下" → 我会自动走 systematic-debugging → TDD → verify 流程。- "帮我添加一个登录功能" → 我会自动走 brainstorming → plan → TDD → verify 流程。只要任务有 1% 的可能性适用某个技能,我就会先调用它再行动。→ TDD(测试驱动开发)→ verification(验证)→ code review(代码审查)提出需求 → brainstorming(头脑风暴)→ writing-plans(编写计划)

xiaojingjianqiang的博客 610

HyperMesh实战:5种复杂载荷场景下的field映射技巧(附TCL脚本)

本文详细介绍了HyperMesh在5种复杂载荷场景下的field映射技巧,包括轴承载荷的圆柱坐标系映射、粉末压力中的切向力处理、实验数据到有限元模型的场映射、多工况载荷的组合映射以及局部细化网格的边界条件传递。通过实战案例和TCL脚本,帮助工程师高效解决有限元分析中的载荷映射难题,提升工作效率。

fanta的博客 294

处理 No 'Access-Control-Allow-Origin' header is present on the requested resource 问题

在开发中,前端同事调用后端同事写好的接口,在地址中是有效的,但在项目的ajax中,浏览器会报 "No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误。 这是由于浏览器禁止ajax请求本地以外的资源,解决办法如下: 后端同事在Controller层的类上增加@CrossOrign注解,当前...

qq_37647296的博客 6万+

matlab 点云泊松盘采样

本文介绍了泊松盘采样算法在三维点云处理中的应用。该算法通过最小间距约束(任意两点距离≥r)和均匀分布特性,生成高质量、均匀分布的点集。文章详细阐述了参数设置(如采样半径、候选点数),并与体素栅格、随机采样等方法进行了对比。代码实现部分展示了MATLAB版本的泊松盘采样算法,包括KD树加速和候选点生成机制。实验结果表明,该方法能有效保持点云特征,适用于点云简化、曲面重建等场景。文中还提供了参数调整建议和不同应用场景下的使用指导。

点云侠的博客 537

完美解决Springboot跨域(No 'Access-Control-Allow-Origin' header is present on the requested resource)

1.由于项目前后端分离,前段访问后端接口,出现:“Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource”; 2.解决办法:Applicatio如下启动类里面,添加配置,...

向着高亮的地方 1万+

Harmony:C# 动态代码补丁的5大秘密武器

Harmony 是一个开源库,它允许你在运行时修改托管代码(即使用 .NET 或 Mono 编译的语言编写的应用程序)。它通过利用 AOP(面向切面编程)的思想,可以在不重新编译代码的情况下添加、替换或修改方法的行为。这对于游戏模组(Modding)、插件开发以及调试工具非常有用。安装 Harmony要使用 Harmony,你需要首先安装它。Harmony 作为一个 NuGet 包,可以直接通过 Visual Studio 的 NuGet 包管理器进行安装。安装步骤打开 Visual Studio。

java专栏 1191

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

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

CORS,全称Cross-Origin Resource Sharing,是一种允许当前域(domain)的资源(比如html/js/web service)被其他域(domain)的脚本请求访问的机制,通常由于同域安全策略(the same-origin security policy)浏览器会禁止这种跨域请求。

一起加油吧! 1万+

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

已解决:No 'Access-Control-Allow-Origin' header is present on the requested resource'(跨域问题)

问题分析: 这是常见的跨域请求问题,在前后端分离的项目中常见,前端项目中的请求路径直接用后台请求路径(例如:http://192.168.1.1:8080/demo/getUser.do),但根据浏览器的网络请求规则,后台Server是不允许这样直接调用的(会被当黑客恶意攻击给拦截掉)。从而导致该跨域请求被拒绝(如下图)。 Access to XMLHttpRequest at 'http...

陈哈哈的菜园子 1万+

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

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

刚学习nginx+tomcat+spring+vue配置项目代理,在公司window7启动没有问题,但是在家里window10不行,始终报No ‘Access-Control-Allow-Origin’ header is present on the requested resource.错误 搞了4天晚上还是没想明白,所有的配置都是一样,为什么不行呢?心态当时已经崩了……,但是还是想弄清楚为...

ourLang 2万+

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

今天做在线充值的时候,从主站系统请求财务系统的资源的时候出现: 很久之前也遇到过ajax跨域请求的问题,但是忘了,嘻嘻,所以今天正好记录一下: 什么是跨域??? 举个栗子:在A网站中,我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中,那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据,否则就是不安全的。跨域访问违反了同源策略...

最后的武艺集大成者 1万+

response设置响应头,解决跨域请求问题,No 'Access-Control-Allow-Origin' header is present on the requested resource

今天被跨域请求的问题困扰了很久,跨域一句话的理解就是:服务端和请求端的地址不一样。跨域的详细介绍可以参考:浏览器和服务器实现跨域(CORS)判定的原理,这里不多赘述。我出现的问题,主要就是客户端向发送了服务端请求,服务器已经能返回数据,但是浏览器不接收。Failed to load http://localhost:8080/XXXX: No 'Access-Control-Allow-Origi...

益添的博客 25万+

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

问题描述: 使用vue-resource进行get请求,然后就出现跨域访问的问题,由于后台使用springBoot进行创建的,添加下面一个类解决了跨域问题 解决办法 import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.an...

NULL 2993

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

关键字:跨域,Access-Control-Allow-Origin 在做一个前后端分离项目,本来前端项目都可以正常访问后端接口,跨域是这么设置的,接口可以正常访问 @Configuration public class WebConfig implements WebMvcConfigurer { @Override public void addCorsMappings(Cor...

靓仔的博客 3498

js跨域访问,No ‘Access-Control-Allow-Origin‘ header is present on

js跨域访问,No ‘Access-Control-Allow-Origin‘ header is present on 在本地用ajax跨域访问请求时报错:   XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' header is present on the reques...

qq_31965515的博客 5134

Vue项目axios解决跨域问题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这个错误,这个错误就是典型的跨域问题 之所以会引发跨域问题,是因为 不同协议的网站不能相互访问 https://baidu.com 不能访问 http.baidu.com ,因为他们一个是http协议,一个是https协...

YiQ137的博客 1万+
上一篇: MyBatis的XML文件中的需要转义的字符
下一篇: VUE结合富文本wangeditor,实现包含本地图片上传至内容中,操作成功后清空富文本
bug_easy
博客等级 码龄9年 11粉丝 15原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值