文章目录

  • 第二步:在tomcat服务器下webapps/ROOT目录下创建如下两个xml文件
    • 1. clientaccesspolicy.xml
    • 2. crossdomain.xml
  • 第三步:修改Tomcat服务器下conf/web.xml,或者项目WEB-INF/web.xml,

项目场景:

两个项目 ,同一域名不同端口 分别跑在同一台机器的两个tomcat中,构成跨域。

  1. 首先需要进行cros配置,详见下面说明(这里使用了cors-filter jar包方式)

  2. 意图跨域访问的请求不需要session验证:跨域访问在进行session验证时可利用请求头Referer参数判断请求来源,若是来自允许的域则直接通过。

完成后,前端可直接使用ajax post请求 跨域提取数据(测试浏览器:chrome).

第一步:页面js代码:

function createCORSRequest(method, url){var xhr = new XMLHttpRequest();if ("withCredentials" in xhr){xhr.open(method, url, true);} else if (typeof XDomainRequest != "undefined"){xhr = new XDomainRequest();xhr.open(method, url);} else {xhr = null;}return xhr;
}var request = createCORSRequest("get", "http://192.168.5.221:8080/");
if (request){request.onreadystatechange = function(){if (request.readyState == 4 && request.status == 200) {var response = request.responseText;console.log(response)}   request.send();
}

第二步:在tomcat服务器下webapps/ROOT目录下创建如下两个xml文件

1. clientaccesspolicy.xml

<?xml version="1.0" encoding="utf-8" ?>
<access-policy><cross-domain-access><policy>  <allow-from http-request-headers="*">  <domain uri="*"/>  </allow-from>  <grant-to>  <resource path="/" include-subpaths="true"/>  </grant-to>  </policy>  </cross-domain-access>
</access-policy>

2. crossdomain.xml

<?xml version="1.0"?>  <cross-domain-policy>  <allow-access-from domain="*" />  </cross-domain-policy>

第三步:修改Tomcat服务器下conf/web.xml,或者项目WEB-INF/web.xml,

我选择的是在项目下配置过滤器。我验证了两个,一个是tomcat下自带的cors过滤器,一个是cors-filter-1.7.jar下的过滤器。两个我都测试了,没问题。

应用tomcat的filter配置如下:参数cors.allowOrigin可以指定具体的源来访问

<filter><filter-name>CorsFilter</filter-name><filter-class>org.apache.catalina.filters.CorsFilter</filter-class><init-param><param-name>cors.allowed.origins</param-name><param-value>*</param-value></init-param><init-param><param-name>cors.allowed.methods</param-name><param-value>GET,POST,HEAD,OPTIONS,PUT</param-value></init-param><init-param><param-name>cors.allowed.headers</param-name><param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value></init-param><init-param><param-name>cors.exposed.headers</param-name><param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value></init-param><init-param><param-name>cors.support.credentials</param-name><param-value>true</param-value></init-param><init-param><param-name>cors.preflight.maxage</param-name><param-value>10</param-value></init-param>
</filter>
<filter-mapping><filter-name>CorsFilter</filter-name><url-pattern>/*</url-pattern>
</filter-mapping>

或者应用cors-filter-1.7.jar,还需要java-property-utils-1.9.jar,可以在http://mvnrepository.com/artifact/com.thetransactioncompany/cors-filter 选择某个版本导入pom.xml中,自动导入jar包。

配置如下:参数cors.allowOrigin可以指定具体的源来访问

<filter><filter-name>CORS</filter-name><filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class><init-param><param-name>cors.allowOrigin</param-name><param-value>*</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>

Tomcat跨域访问(CROS)相关推荐

  1. [ecshop 经验 ]transport.js run error 68ecshop 小京东 火狐提示 同源策略和跨域访问 68ecshop

    transport.js run error 68ecshop 小京东 transport.js run error 68ecshop 小京东 火狐提示 同源策略和跨域访问  cros access ...

  2. 花生壳内网穿透+https+tomcat不能进行网页访问(二、跨域访问的问题)

    接上一篇写,现在出现了ajax跨域访问的问题. 网站有一项功能是将用户上传的数据与用户ID进行保存,用户ID是从session里用user=request.getSession().getAttrib ...

  3. Tomcat设置允许跨域访问

    开发React项目时前端通过axios向后端代码发起请求调试的时候由于后端代码运行在8080端口而React项目运行在3000端口导致浏览器的同源策略禁止跨域请求,因此需修改Tomcat配置文件web ...

  4. Ajax跨域访问Tomcat服务器

    在学习jQuery的时候进行到AJax时,需要与服务器进行交互练习.我毫不犹豫的打开了我的Tomcat服务器运行起来,并使用普通的ajax方法访问运行中的服务器网址的时候,发现 XMLHttpRequ ...

  5. 第一百一十期:详解SpringBoot应用跨域访问解决方案

    说到跨域访问,必须先解释一个名词:同源策略.所谓同源策略就是在浏览器端出于安全考量,向服务端发起请求必须满足:协议相同.Host(ip)相同.端口相同的条件,否则访问将被禁止,该访问也就被称为跨域访问 ...

  6. AJAX跨域访问解决方案

    Case I. Web代理的方式 (on Server A) 即用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面,由该页面代替用户页面完成交互,从而返回合适的结果.此方案可以解决 ...

  7. 解决cookie跨域访问

    v一.前言 随着项目模块越来越多,很多模块现在都是独立部署.模块之间的交流有时可能会通过cookie来完成.比如说门户和应用,分别部署在不同的机器或者web容器中,假如用户登陆之后会在浏览器客户端写入 ...

  8. cors 前后端分离跨域问题_SpringBoot 实现前后端分离的跨域访问(CORS)

    序言:跨域资源共享向来都是热门的需求,使用CORS可以帮助我们快速实现跨域访问,只需在服务端进行授权即可,无需在前端添加额外设置,比传统的JSONP跨域更安全和便捷. 一.基本介绍 简单来说,CORS ...

  9. [转]Ajax跨域访问问题-方法大全

    Case I. Web代理的方式 (on Server A) 即用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面,由该页面代替用户页面完成交互,从而返回合适的结果.此方案可以解决 ...

最新文章

  1. 9. 混合模型和EM(2)
  2. php多用户商城,php多用户商城选择开源的好
  3. Angular refreshView里Component template函数的执行原理
  4. Linux常用命令(八)LVM逻辑卷管理
  5. mysql命令行执行复杂sql_mysql命令行中执行sql的几种方式总结
  6. 欢迎来到元宇宙的虚拟世界
  7. Java EE MVC:处理表单验证
  8. 人人都能看懂的 LSTM
  9. Apollo使用指南(二)公共组件接入指南
  10. 油猴管理程序复制百度文库网页内容
  11. 字符集和字符集编码详解
  12. 暴躁兔让Web3与Crypto之路不再迷茫
  13. 三菱q系列plc连接电脑步骤_三菱Q系列PLC以太网通信设置方法
  14. JAVA并发编程:悲观锁与乐观锁
  15. linux中tail命令的作用,Linux中tail命令实例
  16. 【Java】程序制作Docker镜像 推荐方案
  17. 改进YOLOv7-Tiny系列:首发改进结合BiFPN结构的特征融合网络,网络融合更多有效特征,高效涨点
  18. python单词怎么读-python单词如何读
  19. 为人处世方面的一些小经验
  20. #BDA#笔记#先导课:数据分析的定义和应用

热门文章

  1. 写在2012结尾,2013的开始
  2. 教你在windows系统 VMware 软件中安装Ubuntu(附图文教程)超详细
  3. Android 播放视频时横竖屏的调整
  4. 使用JMeter之前,你应该要掌握的基础元件《购买本专栏「私信」送Demo》
  5. Android-驱动学习-入门
  6. 炫酷创意个人简历ppt模板
  7. 面向对象嵌入式系统开发笔记1
  8. Nexus3.6 window版私服搭建 安装、配置教程
  9. go实现json解析
  10. 错误代码: 1052 Column 'stu_id' in field list is ambiguous