利用SpringMVC過(guò)濾器解決vue跨域請(qǐng)求的問(wèn)題
更新時(shí)間：2018年02月10日 09:33:24 作者：qq_33802316
下面小編就為大家分享一篇利用SpringMVC過(guò)濾器解決vue跨域請(qǐng)求的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
之前寫(xiě)過(guò)通過(guò)注釋的方法解決跨域請(qǐng)求的方法，需要每次都在controll類(lèi)使用注解，這次通過(guò)springmvc的攔截器解決：
繼承SpringMVC的類(lèi)HandlerInterceptor重寫(xiě)preHandle方法，這個(gè)方法會(huì)在到達(dá) 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 > <!--過(guò)濾所有請(qǐng)求，處理跨域請(qǐng)求問(wèn)題--> <mvc:interceptor> <mvc:mapping path="/**"/> <bean class="com.jzy.interceptor.CommonInterceptor"></bean> </mvc:interceptor> </mvc:interceptors >
這樣既可解決SSM+VUE前后端分離時(shí)跨域請(qǐng)求的限制。
以上這篇利用SpringMVC過(guò)濾器解決vue跨域請(qǐng)求的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue2.x版詳解computed和watch的使用，文章在基于vue框架的前端項(xiàng)目開(kāi)發(fā)過(guò)程中，只要涉及到稍微復(fù)雜一點(diǎn)的業(yè)務(wù)，我們都會(huì)用到computed計(jì)算屬性這個(gè)鉤子函數(shù)，可以用于一些狀態(tài)的結(jié)合處理和緩存的操作2022-07-07
這篇文章主要給大家介紹了關(guān)于vue解決跨域問(wèn)題的幾種方式,跨域跨域報(bào)錯(cuò)是前端開(kāi)發(fā)中非常經(jīng)典的一個(gè)錯(cuò)誤,文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
vue編寫(xiě)的功能強(qiáng)大的swagger-ui頁(yè)面及使用方式
swagger是一種標(biāo)準(zhǔn)的數(shù)據(jù)格式的定義，對(duì)于不同語(yǔ)言進(jìn)行實(shí)現(xiàn)一些注解API式的東西，能快速生成這種描述restful格式的api信息的json串，本文給大家詳細(xì)介紹vue編寫(xiě)的功能強(qiáng)大的swagger-ui頁(yè)面，感興趣的朋友跟隨小編一起看看吧2022-02-02
vue3.x使用swiper實(shí)現(xiàn)卡片輪播
這篇文章主要為大家詳細(xì)介紹了vue3.x使用swiper實(shí)現(xiàn)卡片輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
vue鼠標(biāo)懸停事件監(jiān)聽(tīng)實(shí)現(xiàn)方法
頁(yè)面在鼠標(biāo)懸停(不動(dòng))n秒之后,頁(yè)面進(jìn)行相應(yīng)的事件,下面這篇文章主要給大家介紹了關(guān)于vue鼠標(biāo)懸停事件監(jiān)聽(tīng)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
這篇文章主要介紹了Vue?+?Element?自定義上傳封面組件，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-01-01
Vue3源碼分析偵聽(tīng)器watch的實(shí)現(xiàn)原理
watch?的本質(zhì)就是觀測(cè)一個(gè)響應(yīng)式數(shù)據(jù)，當(dāng)數(shù)據(jù)發(fā)生變化時(shí)通知并執(zhí)行相應(yīng)的回調(diào)函數(shù)。watch的實(shí)現(xiàn)利用了effect?和?options.scheduler?選項(xiàng)，這篇文章主要介紹了Vue3源碼分析偵聽(tīng)器watch的實(shí)現(xiàn)原理,需要的朋友可以參考下2022-08-08
本文是腳本之家小編給大家整理的vue組件傳值幾種常用方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-05-05
Vue?Echarts實(shí)現(xiàn)實(shí)時(shí)大屏動(dòng)態(tài)數(shù)據(jù)顯示
同大多數(shù)的前端框架一樣，先讀官網(wǎng)的使用方法。學(xué)會(huì)基本使用后，在實(shí)例中找到自己想要demo。拿過(guò)來(lái)改一改，一個(gè)echarts圖表就形成，畢竟人家做就是為了方便使用，這篇文章主要介紹了Vue?Echarts實(shí)現(xiàn)實(shí)時(shí)大屏動(dòng)態(tài)數(shù)據(jù)顯示2022-10-10
組件是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展HTML元素,封裝可重用的代碼,這篇文章主要給大家介紹了關(guān)于vue中刷新子組件重新加載子組件三種方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12