利用SpringMVC过滤器解决vue跨域请求的问题


Posted in Javascript onFebruary 10, 2018

之前写过通过注释的方法解决跨域请求的方法,需要每次都在controll类使用注解,这次通过springmvc的拦截器解决:

继承SpringMVC的类HandlerInterceptor重写preHandle方法,这个方法会在到达 controll之前调用,如下

public boolean preHandle(HttpServletRequest request, HttpServletResponse response, 
        Object handler) throws Exception { 
  response.setHeader("Access-Control-Allow-Origin", "*"); 
  response.setHeader("Access-Control-Allow-Methods", "*"); 
  response.setHeader("Access-Control-Max-Age", "3600"); 
  response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); 
  response.setHeader("Access-Control-Allow-Credentials","true"); //是否允许浏览器携带用户身份信息(cookie) 
  return true; 
 }

springmvc配置如下:

<mvc:interceptors > 
 <!--过滤所有请求,处理跨域请求问题--> 
  <mvc:interceptor> 
   <mvc:mapping path="/**"/> 
   <bean class="com.jzy.interceptor.CommonInterceptor"></bean> 
  </mvc:interceptor> 
</mvc:interceptors >

这样既可解决SSM+VUE前后端分离时跨域请求的限制。

以上这篇利用SpringMVC过滤器解决vue跨域请求的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 Javascript
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
Jquery和JS获取ul中li标签的实现方法
Jun 02 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
简单实现js鼠标跟随效果
Aug 02 Javascript
express如何使用session与cookie的方法
Jan 30 Javascript
vue全局组件与局部组件使用方法详解
Mar 29 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
js实现打字小游戏
Dec 17 Javascript
Vue组件和Route的生命周期实例详解
Feb 10 #Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 #Javascript
vue.js 微信支付前端代码分享
Feb 10 #Javascript
详解如何实现一个简单的 vuex
Feb 10 #Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 #Javascript
使用 vue.js 构建大型单页应用
Feb 10 #Javascript
javascript中的隐式调用
Feb 10 #Javascript
You might like
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
php生成数字字母的验证码图片
2015/07/14 PHP
Zend Framework教程之模型Model用法简单实例
2016/03/04 PHP
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
使用javascript提交form表单方法汇总
2015/06/25 Javascript
jQuery+json实现动态创建复杂表格table的方法
2016/10/25 Javascript
jsp 网站引入外部css或者js失效问题解决
2016/10/31 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
ES6 Iterator接口和for...of循环用法分析
2019/07/31 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
Vue实现图书管理案例
2021/01/20 Vue.js
python sys模块sys.path使用方法示例
2013/12/04 Python
python 实时遍历日志文件
2016/04/12 Python
深入理解Python中的*重复运算符
2017/10/28 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
使用numpngw和matplotlib生成png动画的示例代码
2021/01/24 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
thinkphp5 redis缓存新增方法实例讲解
2021/03/24 PHP
怎样写好自荐信和推荐信
2013/12/26 职场文书
党员干部公开承诺书
2014/03/26 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
歼十出击观后感
2015/06/11 职场文书
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
Tomcat用户管理的优化配置详解
2022/03/31 Servers