前后端分离JSON跨域问题,已经配置了CORS跨越,依然无效 10C
 <!-- json跨域过滤器相关jar包and -->  
   <dependency>  
       <groupId>com.thetransactioncompany</groupId>  
       <artifactId>java-property-utils</artifactId>  
       <version>1.9.1</version>  
   </dependency>
    <!-- https://mvnrepository.com/artifact/com.thetransactioncompany/cors-filter -->
    <dependency>
       <groupId>com.thetransactioncompany</groupId>
       <artifactId>cors-filter</artifactId>
       <version>1.3.2</version>
    </dependency> 
    <!-- json跨域过滤器相关end -->  

<!-- WEB.XML中JSON跨域处理 and-->
    <filter>  
       <description>跨域过滤器</description>  
       <filter-name>CORS</filter-name>    
       <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>    
       <init-param>
            <param-name>cors.allowGenericHttpRequests</param-name>
            <param-value>true</param-value>
       </init-param>   
       <init-param> 
            <param-name>cors.allowOrigin</param-name>    
            <param-value>*</param-value>    
       </init-param> 
       <init-param>
            <param-name>cors.allowSubdomains</param-name>
            <param-value>false</param-value>
       </init-param>   
       <init-param>    
            <param-name>cors.supportedMethods</param-name>    
            <param-value>GET, POST, HEAD, PUT, DELETE</param-value>    
       </init-param>    
       <init-param>    
            <param-name>cors.supportedHeaders</param-name>    
            <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>    
       </init-param>    
       <init-param>    
            <param-name>cors.exposedHeaders</param-name>    
            <param-value>Set-Cookie</param-value>    
       </init-param>    
       <init-param>    
            <param-name>cors.supportsCredentials</param-name>    
            <param-value>true</param-value>    
       </init-param>    
    </filter>  
   <filter-mapping>    
    <filter-name>CORS</filter-name>    
    <url-pattern>/*</url-pattern>    
   </filter-mapping>  
    <!-- JSON跨域处理 end-->
0

2个回答

public class CrossDomainFilter implements Filter {

@Override
public void init(FilterConfig filterConfig) throws ServletException { 
    System.out.println("==初始化允许跨域访问的拦截器=="); 
}

@Override
public void doFilter(ServletRequest request, ServletResponse resp,
        FilterChain chain) throws IOException, ServletException {    

    HttpServletResponse response  = (HttpServletResponse)resp; 

    response.addHeader("Access-Control-Allow-Origin", "*"); 
    chain.doFilter(request, response); 
}

@Override
public void destroy() {

} 

}

我是直接写一个跨域的fitler、需要跨域的请求都放到中国风fitle下面 不过有些情况可能不行

1

filter-class 路径具体到方法名

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
java 浅析跨域问题以及如何使用Cors解决前后端分离部署项目所遇到的跨域问题
随着时间的推移,前后端分离的开发形式越来越流行,使用的公司也越来越多。但是这种开发形式也会带来一个问题。那就是跨域问题。nnnnn什么是跨域nnn 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。 n 什么情况下不是跨域? n 即:满足域名、协议、端口均相同的即不是跨域。nnn例如 n http://www.beyon
前后端分离之spring跨域Cors解决方案,aop加mvc:cors
前后端分离之spring跨域Cors解决方案,aop加mvc:corsnnnnn 目录nnnn跨域需求的来源n前后端分离nspring的拦截器nmvc:corsnaopn总结nnnnnn 跨域需求由来nnn 因为浏览器的同源限制策略,现如今很多项目采用前后端分离开发部署。导致前端从服务端获取数n 据时收到阻碍,因此跨域请求数据就尤为重要。恰好java的spring提供了很友好很简单的服务端...
关于ajax跨域问题cors和jsonp解决
跨域基本概念:nn同源:n        协议名:httpn        地址一样(目录相同)n        端口号:默认80n        上述三个条件一样则为同源n n        不同源: 协议、地址、端口号三者中有一个不一样nn跨域:n        不同源的网站之间互相发送请求n        浏览器默认是限制了跨域访问n        虽然被限制了,但是在开发中不可避免的出现跨...
gin解决跨域问题
背景nn前端框架:vue.js,是网上别人已经封装好的模板nn后台web框架:ginnn后台限制请求方式只能是post,所有接口已经测试通过。前端调试始终提示404.日志打印前端的请求方式是options,而不是post。nn此时将后台的请求方式由post修改为options,返回成功。nn说明问题点就在请求method这里。但是前端明显有设置method为post,到了发送请求的时候自动变成了o...
解决TP5跨域问题 cors协议解决
需求说明近期由于项目需要POST跨域请求(get的话用jsonp 我就不写了)问题总结之前一直知道jsonp跨域但是只能get请求 现在要求PSOT 所以用到了cors这个协议解决方案cosrtp5行为(具体参考TP5官方手册)  //实际就是钩子你需要在你的BaseController里注册钩子(TP5官方也叫做添加行为标签位)\think\Hook::listen('response_send...
前后端分离下spring security 跨域问题等
最近在做一个项目,前后端分离,不可避免的遇到了跨域问题。起初是配置跨域:nnn@Configurationnpublic class CorsConfig extends WebMvcConfigurerAdapter {n private CorsConfiguration buildConfig() {n CorsConfiguration corsConfigurat...
前后端分离,使用cors-filter解决跨域资源访问的问题
        最近做的一个项目,形式是前后端分离的,那么就会产生跨域资源访问的问题,在这个项目中我们使用的是CORS-FILTER解决这个问题的,使用起来很简单,下面我会粘出一篇详细介绍cors-filter的文章,CORS原理,主要包含两方面:   1,从浏览器脚本放面:通过严格控制交换数据的类型来允许跨域请求。除非是由XHR作者发起的特定请求,且允许跨域web服务,否则 Cookies等数据...
tomcat解决跨越问题的方法
在tomcat\conf\web.xml中加入n n  CorsFiltern  org.apache.catalina.filters.CorsFiltern  n    cors.allowed.methodsn    GET,POST,HEAD,OPTIONS,PUTn  n  n    cors.allowed.headersn    n    例如:我的应用中需要在
Tomcat通过CORS解决跨域问题
如需转载请标明出处:http://blog.csdn.net/itas109 nnQQ技术交流群:129518033nn nn跨域资源共享( CORS ) 简介:nnhttps://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORSnn跨域资源共享( CORS )机制允许 Web 应用服务器进行跨域访问控制,从而使跨域数据传输...
Spring Boot CORS配置实现前后端分离的跨域访问
CORS工作原理:n根据官方文档W3C规范-CORS:nn简单来说,CORS是一种访问机制,英文全称是Cross-Origin Resource Sharing,即我们常说的跨域资源共享,通过在服务器端设置响应头,把发起跨域的原始域名添加到Access-Control-Allow-Origin 即可。n从原理图可以看出,简单的请求(通常指GET/POST/HEAD方式,并没有去增加额外的请求头信息...
java前后端分离后的跨域问题解决
在前端和后端分离之后,前端服务器访问后台服务器代码,会出现跨域请求的情况,解决这种问题一般有以下几种方式。1.nginxf服务器;2.jsonp方式;3.cros方式
ionic3 cors 跨域问题如何解决
1. 修改 config.xml 文件nnnn//config.xml 添加如下代码n&amp;lt;content src=&quot;server address&quot; /&amp;gt;n&amp;lt;access origin=&quot;server address&quot; /&amp;gt;n&amp;lt;allow-navigation href=&quot;server address&quot; /&amp;gt;nn2. 修改 ionic.config.jsonnnnn..
SpringMVC + Cors 解决跨域问题
1、首先在web.xml配置拦截器:2、定义一个类实现Filter接口:设置响应头信息,其中:Access-Control-Allow-Origin:允许访问该资源的路径Access-Control-Allow-Methods:访问该资源允许使用的方法Access-Control-Max-Age:缓存cors配置Access-Control-Allow-Headers:允许使用的响应头Access...
vue-cli开发环境跨域问题解决方案
前后端分离开发中必要会遇到的问题—跨域。
IPFS 跨域资源共享CORS配置问题解决
跨域资源共享CORS配置在未对CORS进行配置时运行react项目时发现项目报错为了后续的开发方便,我们还需要对跨域资源共享( CORS )进行配置,ctrl- c退出ipfs,然后按照下面的步骤进行跨域配置。ctrl- c退出ipfsipfs config --json API.HTTPHeaders.Access-Control-Allow-Methods '[&quot;PUT&quot;, &quot;GET&quot;, &quot;P...
前后端分离与跨域的解决方案(CORS的原理)
前后端分离nn    前后端分离的好处nn最大的好处就是前端JS可以做很大部分的数据处理工作,对服务器的压力减小到最小。n 后台错误不会直接反映到前台,错误接秒较为友好。n 由于后台是很难去探知前台页面的分布情况,而这又是JS的强项,而JS又是无法独立和服务器进行通讯的。所以单单用后台去控制整体页面,又或者只靠JS完成效果,都会难度加大,前后台各尽其职可以最大程度的减少开发难度。n    个人理解...
egg.js之解决跨域问题(egg-cors)
n n n 1.下载 egg-cors 包nnpm i egg-cors --savenn2.在plugin.js中设置开启corsnexports.cors = {n enable: true,n package: 'egg-cors',n};nn3.在config.default.js中配置n// add your config herenconfig.mid...
laravel CORS 支持多点跨域访问
nphp artisan make:middleware Corsnnnn&amp;lt;?phpnnnamespace App\Http\Middleware;nnuse Closure;nnclass Corsn{n /**n * Handle an incoming request.n *n * @param \Illuminate\Http\Request $re...
关于springboot整合shiro 前后端分离跨域问题
在前后端分离的的项目中我使用了shiro对后台进行权限管理nn遇到了大坑,在sprinngboot整合shiro的时候,认证做好了,就是授权一直注解用不上导致授权无法使用,@RequiresPermissions无法使用,找了很长时间,一边开发一边做,最后找到了问题是因为前后端完全分离的跨域问题,自己不注意n![问题所在](https://img-blog.csdn.net/20180907171...
前后端分离项目中shiro与vue的集成时的跨域问题
最近公司项目重构,搭建了一个基于spring boot + shiro + mybtisPlus + vue的前后端分离工程,其中遇到了很多问题,接下来把遇到的问题及踩过的坑记录一下供大家参考:nn1)session过期后页面跳转问题nn重写FormAuthenticationFilter类的onAccessDenied()方法,该方法是作为认证不通过时session的authc过滤器,如果跨域情...
spring boot + cors解决前后端跨域问题
前后端分离部署技术大体有几种:jsonp,CORS,nginx反向代理,其中jsonp不支持post方法,具体说下CORS技术。前端请求代码不变,用jquery.ajax()去请求$.ajax({n url:&quot;http://127.0.0.1:8080/user/login&quot;,n type:'post',n dataType : 'json',n data:params,n...
Spring Cloud 前后端分离后引起的跨域访问解决方案
背景rnrnSpring Cloud 微服务试点改造,目前在尝试前后端分离。rnrn前台A应用(本机8080端口),通过网管(本机8769端口)调用后台应用B(本机8082端口)、应用C发布的http服务。。rnrnrnrnA的js代码如下:rnrnrn$.ajax({n type: "POST",n async: "true",n
[koa2] 之 [koa2-cors] 解决跨域问题
用koa2写了一个数据服务器,但是调试这个接口的时候,发现需要跨域,于是引入了koa-cors插件,但是还是不定时出现n更换插件版本,解决了该问题,之前的版本卸载掉。nnpm install --save koa2-corsnnvar cors = require('koa2-cors');n//允许跨域napp.use(cors());nnnn...
配置CORS解决跨域调用—反思思考问题的方式
导读:最近都在用一套完整的Java EE的体系做系统,之前都是用spring框架,现在弄这个Java EE,觉得新鲜又刺激。但,由于之前没有过多的研究和使用,在应用的过程中,也出现了不少的问题。累积了好几个,现在开始一一进行总结分享。这篇博客,主要是分享CORS解决跨域调用的过程nnn一、问题的出现n由于我们在项目中使用了一个很牛掰的插件Jeddict,然后除了逻辑性的代码,其他基本的代码
c# WebApi之解决跨域问题:Cors
一、什么是跨域问题出于安全考虑,浏览器会限制脚本中发起的跨站请求,浏览器要求JavaScript或Cookie只能访问同域下的内容。由于这个原因,我们不同站点之间的数据访问会被拒绝。二、CORS解决跨域问题跨域资源共享( CORS )机制允许 Web 应用服务器进行跨域访问控制,从而使跨域数据传输得以安全进行。它解决跨域问题的原理是通过向http的请求报文和响应报文里面加入相应的标识告诉浏览器它能访
使用fetch轻松解决JS跨域请求问题——无需CORS,jsonp
fetch(url, {rn        method: "POST",rn  mode: "no-cors",rn  headers: {rn    "Content-Type": "application/x-www-form-urlencoded"rn  },rn  body: "请求参数"rn        }).then(function(res) {rn console.log("R
Jfinal3.0 解决跨域的问题
1、添加一个拦截器: public void configInterceptor(Interceptors me) {n me.add(new GlobalActionInterceptor());nn }拦截器代理代码public class GlobalActionInterceptor implements Interceptor {n static Logger logger = Lo...
基于前后端分离模式下shiro跨越问题解决方案
1.添加依赖nnn &amp;lt;!-- shiro跨域 --&amp;gt;n &amp;lt;dependency&amp;gt;nn &amp;lt;groupId&amp;gt;com.thetransactioncompany&amp;lt;/groupId&amp;gt;nn &amp;lt;artifactId&amp;gt;cors-filter&amp;lt;/artifactId&amp;gt;nn &amp;lt;version...
springMVC 基于XML的配置-解决跨域问题
基于XML的配置nnnnmvc:cors>nnmvc:mappingnpath="/**"n />nmvc:cors>nnnn同样,n 可以做更复杂的配置:nnnnmvc:cors>n mvc:mapping path="/api/**"n allowed-origins="http://domain1.com, http://domain2
浅谈koa跨域问题及koa2-cors中间件
浅谈koa跨域问题及koa2-cors中间件什么是跨域跨域请求资源的方法koa中如何设置跨域koa2-cors应答跨域请求实现n什么是跨域n由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。存在跨域的情况:n网络协议不同,如http协议访问https协议。n端口不同,如80端口访问8080端口。n域名不同,如qianduanblog.com访问ba...
Vue+Java前后端分离 跨域问题解决
前言n最近做了一个云服务相关的项目,整个系统架构:前后端彻底分离,前端采用Vue.js开发,后端采用Java开发,前后端通过接口耦合。笔者负责前端和部分后端的开发,亲身经历了跨域问题,并完美解决,下面介绍解决方案。n什么是跨域问题n待续。n解决方案n尾声nn...
我也说说Nginx解决前端跨域问题,正确的Nginx跨域配置(后端Nginx CORS跨域配置、CORS设置,后端允许跨域请求)
最近连续两个朋友问我跨域相关问题,我猜想可能不少朋友也遇到类似问题,我打算写个博客聊一下我实际使用的配置,nn先说明一下,我并不太了解这配置,没精力去了解太多,但我觉得其中有一些关键的小注意点,可能有些初学者不太注意到,导致配置有问题,本文章可能只对新手有点帮助,如果你有好配置,欢迎评论回复,让大家学习!nnNginx的CORS配置,网上太多这配置了,但大家更多的复制粘贴、转发,几乎都是类似下面这...
Spring3使用CORS解决跨域请求的配置
Spring3使用CORS解决跨域请求的配置nn1.以下是过滤器的代码:nnnn/**n * CORS过滤器n * n * @author hkb n */npublic class CorsFilter implements Filter {nn /*n * @see javax.servlet.Filter#init(javax.servlet.FilterConfig)
彻底解决前端开发在前后端分离过程中的跨域问题
现在的web工程越来也大,传统的开发模式已经显得捉襟见肘了,不仅开发人员在开发过程中很痛苦,后期维护的人员也更痛苦。怎么解决呢?前后端分离。在前后端开发过程中一直会伴随我们的问题就是跨域问题,因为这时候前端和后端的代码是在不同机器上运行的,两个地址不在一个域名下,这个时候前端脚本在进行ajax访问的时候浏览器就会报跨域相关的错误。这个时候怎样解决呢? n 最简单的做法是通过设置浏览器允许浏览器跨
Django前后端分离 跨域解决:django-cors-headers的使用
安装第三方跨域包:django-cors-headersrn解决:rnrn基本的跨域请求能够实现;rn能够获取跨域请求返回的响应头中的所有字段(默认只返回Content-Type);rn能够发起跨域请求的时候携带Cookie(默认不允许带Cookie);rnrn配置settings.py文件:rnINSTALLED_APPS = [rn‘corsheaders’,rn]rnMIDDLEWARE = [rn‘corshea...
spring-cloud跨域问题
我们在采用spring-cloud开发前后端分离项目时,会遇到跨域问题,以下是我个人解决思路,请多多指教rn解决思路:1.在zuulfiter中添加跨域需要的response头部   2在api-getway主类中添加以下声明rn1.zuul中添加没有成功,尝试出来再添加到该博文。。。rnrnrnrnrnrnrnrnrnrnrn2在api-getWay主类添加rnrnrn@Beannpublic
CORS跨域问题服务端的一个解决方法
上次写了一篇吐槽CORS的博客之后,今天再次出现此类问题。虽然对CORS已经了解的比较透彻,但这次的问题是一系列连锁问题引起的,最终对外表现为与一个不相关的错误,比较有迷惑性,所以有必要记录下来。nn nn1.错误表现nn先贴前端的报错异常:nnnOPTIONS http://foo.com/test 405 (Method Not Allowed)nFailed to load http://f...
vue-resource 解决跨域问题
vue 与 vue-resource 跨域问题解决方法一:在vue项目下的 config/index.js 文件里面配置代理proxyTable:var path = require('path')module.exports = {n build: {n env: require('./prod.env'),n index: path.resolve(__dirname, '../d
ThinkPHP3 解决前后端分离项目跨域问题
/*n ** @author watern ** @admin 跨域问题 n ** @2018-10-10n ** n */nn public function _initialize(){n $this-&amp;amp;gt;cross();n}nn public function cross(){n header('Con...
Node 解决跨域问题 JSONP与CORS
Node 解决跨域问题 JSONP与CORS今天浅谈一下Node解决跨域的问题,其实跨域这个问题因为同源策略而一直存在的,是前端的必经之路,原来一直在用CORS,对于JSONP都忘的差不多,今天遇到一些小问题居然也懵了圈,以前也没有写过关于这方面的博文,所以今天特地拿出来写一下,希望能帮到大家。CORS 与 JSONP的区别CORS全称为跨域资源共享”(Cross-origin resource s
文章热词 Java spring cloud前后端分离权限控制 Python爬虫框架Django配置 Python爬虫框架scrapy配置 SmartContract插件配置 Java zuul配置教程
相关热词 c# 前后端分离 框架 bootstrap实现前后端分离开发 bootstrap搭建前后端分离 python配置图文教程 json教程python