利用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 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
JS求平均值的小例子
Nov 29 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
基于jquery实现的鼠标悬停提示案例
Dec 11 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
深入理解react-router@4.0 使用和源码解析
May 23 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
AngularJS与后端php的数据交互方法
Aug 13 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
图解JS原型和原型链实现原理
Sep 15 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
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
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
javascript 进度条 实现代码
2009/07/30 Javascript
JavaScript中SetInterval与setTimeout的用法详解
2015/11/10 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
2017/10/13 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
Vue注册组件命名时不能用大写的原因浅析
2019/04/25 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
django1.11.1 models 数据库同步方法
2018/05/30 Python
Python实现App自动签到领取积分功能
2018/09/29 Python
python3多线程知识点总结
2019/09/26 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
利用scikitlearn画ROC曲线实例
2020/07/02 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
Java语言程序设计测试题改错题部分
2014/07/22 面试题
《这儿真好》教学反思
2014/02/22 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
活动倡议书范文
2014/05/13 职场文书
大学迎新标语
2014/06/26 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
2014年法院工作总结
2014/11/24 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
寻找成龙观后感
2015/06/12 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
《称赞》教学反思
2016/02/17 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
php访问对象中的成员的实例方法
2021/11/17 PHP
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技
MongoDB数据库之添删改查
2022/04/26 MongoDB