利用SpringMVC過濾器解決vue跨域請求的問題

更新時間：2018年02月10日 09:33:24 作者：qq_33802316

下面小編就為大家分享一篇利用SpringMVC過濾器解決vue跨域請求的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

之前寫過通過注釋的方法解決跨域請求的方法，需要每次都在controll類使用注解，這次通過springmvc的攔截器解決：

繼承SpringMVC的類HandlerInterceptor重寫preHandle方法，這個方法會在到達 controll之前調(diào)用，如下

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跨域請求的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue2.x版詳解computed和watch的使用
這篇文章主要介紹了vue2.x版詳解computed和watch的使用，文章在基于vue框架的前端項目開發(fā)過程中，只要涉及到稍微復(fù)雜一點的業(yè)務(wù)，我們都會用到computed計算屬性這個鉤子函數(shù)，可以用于一些狀態(tài)的結(jié)合處理和緩存的操作
2022-07-07
vue解決跨域問題的幾種方式
這篇文章主要給大家介紹了關(guān)于vue解決跨域問題的幾種方式,跨域跨域報錯是前端開發(fā)中非常經(jīng)典的一個錯誤,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下
2023-07-07
vue編寫的功能強大的swagger-ui頁面及使用方式
swagger是一種標準的數(shù)據(jù)格式的定義，對于不同語言進行實現(xiàn)一些注解API式的東西，能快速生成這種描述restful格式的api信息的json串，本文給大家詳細介紹vue編寫的功能強大的swagger-ui頁面，感興趣的朋友跟隨小編一起看看吧
2022-02-02
vue3.x使用swiper實現(xiàn)卡片輪播
這篇文章主要為大家詳細介紹了vue3.x使用swiper實現(xiàn)卡片輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
vue鼠標懸停事件監(jiān)聽實現(xiàn)方法
頁面在鼠標懸停(不動)n秒之后,頁面進行相應(yīng)的事件,下面這篇文章主要給大家介紹了關(guān)于vue鼠標懸停事件監(jiān)聽的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
Vue?+?Element?自定義上傳封面組件功能
這篇文章主要介紹了Vue?+?Element?自定義上傳封面組件，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2023-01-01
Vue3源碼分析偵聽器watch的實現(xiàn)原理
watch?的本質(zhì)就是觀測一個響應(yīng)式數(shù)據(jù)，當數(shù)據(jù)發(fā)生變化時通知并執(zhí)行相應(yīng)的回調(diào)函數(shù)。watch的實現(xiàn)利用了effect?和?options.scheduler?選項，這篇文章主要介紹了Vue3源碼分析偵聽器watch的實現(xiàn)原理,需要的朋友可以參考下
2022-08-08
Vue 組件傳值幾種常用方法【總結(jié)】
本文是腳本之家小編給大家整理的vue組件傳值幾種常用方法，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
2018-05-05
Vue?Echarts實現(xiàn)實時大屏動態(tài)數(shù)據(jù)顯示
同大多數(shù)的前端框架一樣，先讀官網(wǎng)的使用方法。學會基本使用后，在實例中找到自己想要demo。拿過來改一改，一個echarts圖表就形成，畢竟人家做就是為了方便使用，這篇文章主要介紹了Vue?Echarts實現(xiàn)實時大屏動態(tài)數(shù)據(jù)顯示
2022-10-10
vue中刷新子組件重新加載子組件三種方法
組件是Vue.js最強大的功能之一,組件可以擴展HTML元素,封裝可重用的代碼,這篇文章主要給大家介紹了關(guān)于vue中刷新子組件重新加載子組件三種方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2023-12-12