Layui跨域问题: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 本地环境下,直接打开html文件,用AJAX 方法`jQuery load() `加载**txt文件**时,报错如下: 阅读详情

问题: 

 在做前后端分离项目时报错以上问题,百了很多资料都是模糊不清的说不出具体如何处理,下面将我的配置过程一一贴出:

1、首先进入CORS-FILTER网站下载jar包:cors-filter-2.6.jar java-property-utils-1.9.1.jar 

       或者在pom中添加:

<dependency>
	<groupId>com.thetransactioncompany</groupId>
	<artifactId>cors-filter</artifactId>
	<version>[ version ]</version>
</dependency>

2、在后台代码的web.xml中添加配置:这里遇到一个坑(为自己的无知找借口)CORSFilter写成了 CorsFilter 导致出现报错:

java.lang.NoClassDefFoundError: com/thetransactioncompany/util/PropertyParseException,切记仔细!!!

<filter>
	<filter-name>CORSFilter</filter-name>
    <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
</filter>
<filter-mapping>
	<filter-name>CORSFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

我还在layui的html头部添加了:

<meta http-equiv="Access-Control-Allow-Origin" content="*">  最后确定可以不用添加,跨域问题比较好的处理方式是在后台加入1、2步骤。

如遇不同问题请在评论区留言,让我也能多学点,谢谢

静态文件访问不到报No Access-Control-Allow-Origin处理办法 静态文件访问不到报No 'Access-Control-Allow-Origin' header is present on the requested resource处理办法 立即下载

相关推荐

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

今天小编就为大家分享一篇在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

layui跨域问题

由于浏览器存在同源策略,所以如果 layui(里面含图标字体文件)所在的地址与你当前的页面地址不在同一个域下,即会出现图标跨域问题。所以要么你就把 layui 与网站放在同一服务器,要么就对layui 所在的资源服务器的 Response Headers 加上属性:Access-Control-Allow-Origin

weixin_45214675的博客 2148

嵌入式铁头山羊stm32-GPIO的四种输入模式-Day5

本文详细解析了GPIO的输入结构和工作原理,包括上拉/下拉模式、悬空设计、保护二极管机制等关键内容。重点阐述了不同输入模式下电流流向与电压变化,解释了上拉/下拉电阻、施密特触发器、保护二极管等元件的作用。特别对保护二极管的工作机制进行深入分析,说明其在过压/欠压时的钳位保护功能。同时解答了关于电压差、电流方向、负电压等常见疑问,并强调GPIO设计的灵活性(可配置上拉/下拉/悬空)是为了适应不同外设需求。全文通过电路分析和生活类比,帮助读者理解GPIO输入电路的工作原理和设计考量。

古泽汉书的博客 1991

java、ajax 跨域请求解决方案('Access-Control-Allow-Origin' header is present on the requested resource. Origin...

1.情景展示   ajax调取java服务器请求报错   报错信息如下:   'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.   但是,请求状态却是成功:200,这是...

weixin_30776863的博客 1285

用Python可视化硅晶体生长:3D图解<100>/<110>/<111>晶向差异

本文通过Python 3D可视化技术,详细解析了硅晶体生长中<100>、<110>、<111>三种关键晶向的差异及其在半导体工业中的应用。从密勒指数转换到原子密度计算,结合交互式3D模型展示不同晶向的原子排列特性,帮助读者深入理解晶向对芯片性能的影响。

weixin_42567752的博客 571

避坑指南:CentOS7.9安装Python3.8.16后yum报错的快速修复方法

本文详细解析了在CentOS7.9系统安装Python3.8.16后导致yum报错的原因,并提供了快速修复方法。通过修改yum配置文件指向Python2解释器,以及使用alternatives工具管理多版本Python,有效解决兼容性问题。同时推荐使用虚拟环境隔离开发环境,避免影响系统稳定性。

weixin_26908317的博客 497

layui数据请求跨域解决办法

layui数据请求跨域解决办法 1、浏览器控制台错误代码 浏览器端口:5500 服务器端口:8080 Access to XMLHttpRequest at'http://localhost:8080/user/findAllUsers?page=1&limit=15'from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is pres

bealei的博客 5038

sqoop抽取mysql的数据到hive表里面,字段内容被自动截取,导致字段不全的问题解决

今天央视重新转播NBA,写篇博客纪念一下这个重要的日子,湖人的表现就呵呵了!!!! 强行转到博客的主题来 mysql的字段属性:该字段能存下的值比如:“山东” `province` varchar(3) NOT NULL COMMENT '省份' 用sqoop sqoop import --connect "jdbc:mysql://xxxxxx:3306/xxxxxx?tinyInt1isBit=false&zeroDateTimeBehavior=convertToNull..

放肆桀骜 965

webservice 参数太大_WebService处理大数据量数据

在通过WebService处理大数据量数据时出现如下错误:soap fault: 运行配置文件中指定的扩展时出现异常。 ---> 超过了最大请求长度。解决方法:因为上传的文件大于系统默认配置的值,asp.net web service默认的请求长度是4M。1、针对单个项目,只需修改Web.config就可以了:修改配置可以在web.config中重新设置,如下:2、也可以直接修改.net环境...

weixin_39827798的博客 1540

13、使用 Mathematica 撰写文本

本文详细介绍了如何使用 Mathematica 进行文本撰写与处理。内容涵盖文本输入、格式设置、结构化排版、超链接插入、翻译与拼写检查工具的使用,以及将笔记本导出为多种格式(如 PDF、HTML、LATEX 和 RTF)的方法。通过实例演示了创建专业文档的完整流程,包括样式设置、公式推导、标题编号、页眉页脚配置等操作。适合希望利用 Mathematica 编写学术论文、技术报告或教学资料的用户参考。

sony5的博客 208

华为OD机试双机位C卷-虚拟文件系统(C/C++/Py/Java/Js/Go)

华为OD机试(机考)双机位C卷 【虚拟文件系统】,提供C语言、Java、C++、Python、Go、JavaScript源码实现,并提供完整思路讲解,以及在线OJ模拟做题。华为OD机试真题【虚拟文件系统】。

qq_45776114的博客 479

Layui后台实现搜索、添加、删除、编辑、查看功能(以用户管理为例)

首先从layui官网下载一个模板。下面我会先在MySQL数据库中新建一张用户信息表,来实现增加用户,删除用户,修改用户信息,批量删除用户。

qq_43453731的博客 1万+

FT2004(D2000)开发实战之网口stmmac报错调试(Failed to reset the dma)

网口stmmac报错调试(Failed to reset the dma)

嵌入式Linux 3585

Ajax跨域访问解决方案No 'Access-Control-Allow-Origin' header is present on the requested resource.'

客户端解决方案如下:dataType: 'jsonp',将ajax请求中的dataType属性设置为“jsonp”,jsonp是专门用来解决跨域访问而诞生的。例如:

weishuo110的博客 463

Android 15.0 系统开机屏幕设置默认横屏显示

在15.0的系统ROM产品定制化开发中,对于产品需求来说,由于是宽屏设备所以产品需要开机默认横屏显示,开机横屏显示这就需要从 两部分来实现,一部分是系统开机动画横屏显示,另一部分是系统屏幕显示横屏显示,从这两方面就可以做到开机默认横屏显示了

安卓兼职framework和app工程师的博客 719

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

后台解决跨域问题

出现的问题 解决办法: 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

m1s2q3l4的博客 640

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

layui图片上传报错问题

在家闲着无事 随便搞了一下Springboot+Mybatis。发现没有界面,就找了很多前端框架 最后看重了国产layui。 此为前言。 为什么写这篇呢,因为今天犯了个巨大的错误。简直到家了 ...

C4pt4in pro 2131

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Layui上传中,请求上传接口出现异常 解决方法

是由于跨域问题的原因,解决方法之一是在后台上传接口里添加 response.addHeader("Access-Control-Allow-Origin", "*");

浪克oo的博客 6262

java cors 过滤器_java – SEVERE:异常启动过滤器CORS

我在Tomcat上部署了RESTful Web服务’Web服务在同一个域场景中的客户端/服务器上工作正常“,但是我需要使得跨域的Web服务可用于此目的,因此我已经使用了CORS过滤器.我已经将过滤器的jar包含在myProjects / lib和tomcat / lib中,并且在web服务项目的web.xml文件中也包括以下内容:CORScom.thetransactioncompany.cors...

weixin_32605973的博客 370

CORS 头缺少 'Access-Control-Allow-Origin'问题

这次遇到了layui跨域请求问题,在网上找了很多response headers的配置属型都不成功 由于浏览器存在同源策略,所以如果layui(里面含图标字体文件)所在的地址与你当前的页面地址不在同一个域下,即会出现图标跨域问题。所以要么你就把Layui与网站放在同一服务器,要么就对Layui所在的资源服务器的Response Headers加上属性:Access-Control-Al...

weixin_30641999的博客 355

已解决: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://192.168.1.1:8080/app/easypoi/importExcelFile’ from origin ‘htt

tt8889的博客 4362

lyui 资源跨域获取

lyui 资源跨域获取

johnny 的博客 2204

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万+

js跨域 ajax跨域问题解决

想要通过ajax获取服务器内容,如果在本地获取,则会出现跨域问题: XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is t

张营的技术博客 752

cors-filter使用,cors-filter解决跨域访问,cors-filter跨域请求

cors-filter使用,cors-filter解决跨域访问,cors-filter跨域请求 ================================ ©Copyright 蕃薯耀 2020-11-25 https://www.cnblogs.com/fanshuyao/ cors-filter为第三方组件。 一、官网地址 http://software.dzhuvinov.com/c...

蕃薯耀的博客 1075

解决跨域的N种方法

最简单的解决方法 谷歌浏览器解决 跨域问题 简单粗暴 –user-data-dir=“C:\MyChromeUserData” --test-type --disable-web-security 跨域分析 同为跨域问题,但是报错是不一样的。 解决预检请求,可以允许option访问,也可以简单点,碰到后直接返回200, 预检请求不支持重定向 已经配置跨域,但还是失败。 response.setHeader(“Access-Control-Allow-Origin”, “"); response.setHe

numbbe的博客 956
上一篇: org.mybatis.spring.transaction.SpringManagedTransaction.getTimeout()Ljava/lang/报错问题
下一篇: ajax调用接口传值的几种方式
渣成沙
博客等级 码龄11年 36粉丝 49原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值