跨域问题目前笔者所用到的方案大致有三种:jsonp,SpringMVC 4以上注解方式和cros三方过滤器。

Jsonp

JSONP(JSON with Padding)是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。

Jsonp原理: 
首先在客户端注册一个callback, 然后把callback的名字传给服务器。

此时,服务器先生成 json 数据。 
然后以 javascript 语法的方式,生成一个function , function 名字就是传递上来的参数 jsonp.

最后将 json 数据直接以入参的方式,放置到 function 中,这样就生成了一段 js 语法的文档,返回给客户端。

客户端浏览器,解析script标签,并执行返回的 javascript 文档,此时数据作为参数,传入到了客户端预先定义好的 callback 函数里.(动态执行回调函数)

使用JSON的优点在于: 
比XML轻了很多,没有那么多冗余的东西。 
JSON也是具有很好的可读性的,但是通常返回的都是压缩过后的。不像XML这样的浏览器可以直接显示,浏览器对于JSON的格式化的显示就需要借助一些插件了。 
在JavaScript中处理JSON很简单。 
其他语言例如PHP对于JSON的支持也不错。

JSON也有一些劣势: 
JSON在服务端语言的支持不像XML那么广泛,不过JSON.org上提供很多语言的库。 
如果你使用eval()来解析的话,会容易出现安全问题。 
只支持GET方式的请求方式不支持POST,导致如果是非常复杂的参数传递会造成参数丢失,因为GET方式只能在URL后面拼接参数,而且限制只能是: 
在IE8 下的URL地址总长度为:4076,超过该长度会自动忽略后面的内容; 
在firefox 25下的URL地址总长度可以达到:7530,超过该长度会访问错误;

在chrome 29.0.1547.62 的最大总长度达到:7675,超过该长度会访问错误;

2. 使用Cros三方方式(我用这种)

(1)pom.xml添加依赖

<!-- 跨域支持-->  <dependency>  <groupId>com.thetransactioncompany</groupId>  <artifactId>cors-filter</artifactId>  <version>2.5</version>  </dependency> 

(2)web.xml添加三方过滤器

<!--  提供跨域支持 --><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> 

参数讲解

cors.allowOrigin指的可以通过的ip,代表所有,可以使用指定的ip,多个的话可以用逗号分隔,默认为 
cors.supportedMethods指的是请求方式 默认为* 
cors.supportedHeaders请求支持的头信息,默认为* 
cors.exposedHeaders暴露的头信息,默认的empy list 
cors.supportsCredentials支持证书,默认为true 
cors.maxAge 最大过期时间,默认为-1 
cors.tagRequests 默认为false 
cors.allowSubdomains允许子域 默认为false

转载于:https://www.cnblogs.com/zhaoyanhaoBlog/p/9359632.html

Maven Web项目解决跨域问题相关推荐

  1. springboot项目解决跨域的几种方式

    跨域资源共享(CORS):通过修改Http协议header的方式,实现跨域.说的简单点就是,通过设置HTTP的响应头信息,告知浏览器哪些情况在不符合同源策略的条件下也可以跨域访问,浏览器通过解析Htt ...

  2. java跨系统和跨域_java web服务解决跨域问题

    问题1:浏览器页面跨域请求报错 相信很多程序员都遇到过跨域的问题,如何解决一直是一件很头疼的事情,我就描述下我遇到的问题,及解决办法.什么是跨域,请自行脑补. 需要添加maven依赖,在web.xml ...

  3. 基于Ionic的项目解决跨域问题

    2019独角兽企业重金招聘Python工程师标准>>> 使用Ionic框架开发Hybrid App.老板要求除了在手机上用它,其html部分可以部署在服务器上作为web使用. 测试时 ...

  4. 今天的码农女孩做了关于解决跨域的笔记

    处理跨域: 在项目根目录下定义一个vue.config.js文件 在文件下定义代理的地址: module.exports={     devServer:{         proxy:{       ...

  5. 解决跨域问题(详解9种方法)

    同源策略:端口号.协议.域名相同 . 一.为什么会出现跨域问题         出于浏览器的同源策略限制.同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如 ...

  6. 一步步教你前端vue项目开发中如何解决跨域问题

    文章目录 开发环境中跨域 名词解释 1.同源策略: 2.同源: 3.跨域: 4.代理服务器: 解决方式 项目背景 跨域配置 1.配置说明: A.参数proxy详解: B.pathRewrite详解: ...

  7. Vue项目中你是如何解决跨域的呢?

    Vue项目中你是如何解决跨域的呢? 一.跨域是什么 跨域本质是浏览器基于同源策略的一种安全手段 同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能 所谓同源( ...

  8. 微服务电商实战(十一)搭建vue项目对接注册登陆接口,解决跨域问题,使用七牛云实现头像上传

    一.简介 node.js版本:v12.16.3 node.js下载 vue官网教程 iview介绍 上传头像接口,图片存储在七牛云中,注册并实名认证之后可以免费使用 以下会描述使用vue搭建项目框架的 ...

  9. 【javaWeb微服务架构项目——乐优商城day03】——(搭建后台管理前端,Vuetify框架,使用域名访问本地项目,实现商品分类查询,cors解决跨域,品牌的查询)

    乐优商城day03 0.学习目标 1.搭建后台管理前端 1.1.导入已有资源 1.2.安装依赖 1.3.运行一下看看 1.4.目录结构 1.5.调用关系 2.Vuetify框架 2.1.为什么要学习U ...

最新文章

  1. 使用 Jenkins 部署码云上的 Spring Boot 项目
  2. Ubuntu下基于 Cilium CNI 的 Kubernetus集群环境搭建
  3. 上高职业技术学校计算机学几年,上高职业技术学校2021年有哪些专业
  4. 华为Mate20首支预告片爆出,30秒内包含太多黑科技
  5. m2eclipse插件
  6. 【推荐系统】深入理解推荐系统:无需人工特征工程的xDeepFM
  7. 表里有索引,为什么还都是全表扫描?
  8. 使用 JS刷新框架子页面
  9. python编写交互界面查分_python小习题:查分数 - 李金龙
  10. CentOs下部署Core环境
  11. 数据分析工作常见的七种错误及规避技巧
  12. IC卡读写器开发说明
  13. 福昕阅读器3.1.3.1030破解方法
  14. 第四章 使用OpenCV探测来至运动的结构——Chapter 4:Exploring Structure from Motion Using OpenCV 标签: SFM3D重建 2015-01-15
  15. Nginx 跨域配置支持
  16. 【动态规划】流水作业调度问题与Johnson法则
  17. 智能制造,从smart到intelligent
  18. 川大计算机学院新生开学典礼,李怡院长2019级新生开学典礼致辞:成为一位有理想有情操有担当的川大人...
  19. vue 中获取屏幕尺寸
  20. 如何在线重装win7系统,一起来看看

热门文章

  1. pHp中文网零基础,零基础编程
  2. config.cfg.php,PHP:使用给定的结构获取变量形式的config.cfg
  3. pandas 生成html表格_Pandas 读写html
  4. 服务器主板北桥芯片组有哪些,主板芯片组_目前的主板芯片组都有哪些?
  5. php 多线程处理redis,redis的多线程
  6. java weblogic 配置_java----weblogic部署应用
  7. 乒乓球比赛赛程_10月5日至10月11日中央电视台直播录播乒乓球比赛安排
  8. halcon 图像差分_Halcon编程-基于纹理的mara检测
  9. 华为root工具_华为Mate9解锁后无法ROOT 需要手动刷入Recovery怎么办【解决方法】...
  10. python 字符ab+字符c 2_“ab”+”c”*2 结果是: (1.3分)_学小易找答案