利用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 相关文章推荐
写自已的js类库需要的核心代码
Jul 16 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
Jul 27 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
Apr 25 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
Feb 19 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
Aug 03 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实现购物车功能(下)
2016/01/05 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
AngularJS Bootstrap详细介绍及实例代码
2016/07/28 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
vue 项目中使用Loading组件的示例代码
2018/08/31 Javascript
angularjs1.5 组件内用函数向外传值的实例
2018/09/30 Javascript
django js 实现表格动态标序号的实例代码
2019/07/12 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
Python打印输出数组中全部元素
2018/03/13 Python
python web框架中实现原生分页
2019/09/08 Python
python 使用shutil复制图片的例子
2019/12/13 Python
tensorflow自定义激活函数实例
2020/02/04 Python
使用K.function()调试keras操作
2020/06/17 Python
Intersport西班牙:在线体育商店
2019/11/06 全球购物
项目开发计划书
2014/01/09 职场文书
投标担保书范文
2014/04/02 职场文书
交通安全横幅标语
2014/10/07 职场文书
党员检讨书范文
2014/12/27 职场文书
校长师德表现自我评价
2015/03/04 职场文书
博士生专家推荐信
2015/03/25 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
婚礼长辈答谢词
2015/09/29 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL
yolov5返回坐标的方法实例
2022/03/17 Python
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python