利用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 相关文章推荐
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
js 字符串转化成数字的代码
Jun 29 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
Jul 23 Javascript
基于jQuery选择器的整理集合
Apr 26 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
Bootstrap源码解读按钮(5)
Dec 23 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
Feb 01 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下将XML转换为数组
2010/01/01 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
PDO::setAttribute讲解
2019/01/29 PHP
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
简单的jquery拖拽排序效果实现代码
2011/09/20 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
JavaScript错误处理
2015/02/03 Javascript
JavaScript中字符串(string)转json的2种方法
2015/06/25 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
2017/07/10 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
Vue 实现前进刷新后退不刷新的效果
2019/06/14 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
在python中对变量判断是否为None的三种方法总结
2019/01/23 Python
python SVM 线性分类模型的实现
2019/07/19 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
详解Python time库的使用
2019/10/10 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
汇源肾宝广告词
2014/03/20 职场文书
企业法人授权委托书
2014/04/03 职场文书
机关中层领导干部群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
公司人事任命通知
2015/04/20 职场文书
雷锋之歌观后感
2015/06/10 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript