本篇內(nèi)容介紹了“如何解決cas對options的攔截導致的302無法查詢的問題”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都營銷網(wǎng)站建設、網(wǎng)站重做改版、臨猗網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5場景定制、商城開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為臨猗等各大城市提供網(wǎng)站開發(fā)制作服務。

一、開發(fā)環(huán)境

vue     springmvc   cas 

二、問題描述

請求頭為   'Content-Type': 'application/json;charset=utf-8'   的  $http.post  無法正常查詢數(shù)據(jù)總是返回   302  ，參考網(wǎng)上的教程添加任何過濾器都不好使。 各種猜測折騰好幾天。

Access to XMLHttpRequest at 'http://127.0.0.1:10010/wyxt_ubqts_oncloud/docDetail/checkDocList' from origin 'http://127.0.0.1:2019' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

三、問題解決

通過自定義filter 過濾 options 方式的請求發(fā)現(xiàn) 在cas之后無法攔截，放在cas之前設置的  header 又不好使，只好修改  cas的filter  ，反編譯  AuthenticationFilter ，復制內(nèi)容，新建  CasAuthenticationFilter 類 。

在doFilter 方法 最開始 添加 

response.setHeader("Access-Control-Allow-Credentials", "true");
		response.setHeader("Access-Control-Allow-Origin", request.getHeader("origin") );
	    response.setHeader("Access-Control-Allow-Methods", "OPTIONS,HEAD,DELETE,GET,PUT,POST");
	    response.setHeader("Access-Control-Max-Age", "1728000");
	    response.setHeader("Access-Control-Allow-Headers", "Origin,X-Requested-With,Content-Type,Accept,Authorization,WG-App-Version,WG-Device-Id,WG-Network-Type,WG-Vendor,WG-OS-Type,WG-OS-Version,WG-Device-Model,WG-CPU,WG-Sid,WG-App-Id,WG-Token");	

web.xml 的配置 AuthenticationFilter  改為  CasAuthenticationFilter。

重啟，數(shù)據(jù)正常請求！

“如何解決cas對options的攔截導致的302無法查詢的問題”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！