cors解决ajax跨域
生活随笔
收集整理的這篇文章主要介紹了
cors解决ajax跨域
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
此方法只支持spring4.2及以上版本
一、問題描述
A系統和B系統,A系統想通過ajax調用B系統中的后臺方法(B系統SpringMVC)
二、問題解決
1.A系統中ajax:
var str = "{'id':'89','fundCode':'000311'}"; jQuery.ajax({url:'http://172.88.88.888:8180/test/app/product/public/getManaAndComp',type:"post",dataType:"text",data:{"param":str,"osFlag":'3'},async:true,success:function(serverinfo){console.log(serverinfo);var Data=Base64.decode(serverinfo); Data=JSON.parse(Data);console.log(Data);}, // success 結束 error:function(){console.log('error'); }});?
2.B系統配置? 只需配置過濾器
web.xml
<filter><filter-name>cors</filter-name><filter-class>com.datangwealth.common.filter.CorsConfig</filter-class></filter><filter-mapping><filter-name>cors</filter-name><url-pattern>/*</url-pattern></filter-mapping>CorsConfig.java package com.datangwealth.modules.monitor.service;import java.io.IOException;import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletException; import javax.servlet.ServletRequest; import javax.servlet.ServletResponse; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;import org.springframework.context.annotation.Configuration; import org.springframework.stereotype.Component; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.EnableWebMvc; import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;public class CorsConfig implements Filter { @Overridepublic void destroy() {}@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse,FilterChain filterChain) throws IOException, ServletException {HttpServletResponse response = (HttpServletResponse) servletResponse;HttpServletRequest request = (HttpServletRequest) servletRequest;response.setHeader("Access-Control-Allow-Origin", "*"); String token = request.getHeader("token");System.out.println("filter origin:"+token);//通過打印,可以看到一次非簡單請求,會被過濾兩次,即請求兩次,第一次請求確認是否符合跨域要求(預檢),這一次是不帶headers的自定義信息,第二次請求會攜帶自定義信息。if ("OPTIONS".equals(request.getMethod())){//這里通過判斷請求的方法,判斷此次是否是預檢請求,如果是,立即返回一個204狀態嗎,標示,允許跨域;預檢后,正式請求,這個方法參數就是我們設置的post了response.setStatus(204); //HttpStatus.SC_NO_CONTENT = 204response.setHeader("Access-Control-Allow-Methods", "POST, GET, DELETE, OPTIONS, DELETE");//當判定為預檢請求后,設定允許請求的方法response.setHeader("Access-Control-Allow-Headers", "Content-Type, x-requested-with, Token"); //當判定為預檢請求后,設定允許請求的頭部類型response.addHeader("Access-Control-Max-Age", "3600"); }filterChain.doFilter(servletRequest, servletResponse); }@Overridepublic void init(FilterConfig arg0) throws ServletException { } }
?
這樣就解決了跨域的問題,跨域還可以使用jsonp、配置nginx解決,還有一種最簡單的,直接在servlet中寫上一行response.setHeader("Access-Control-Allow-Origin", "*") 就可以了。
轉載于:https://www.cnblogs.com/cuijiade/p/8962248.html
總結
以上是生活随笔為你收集整理的cors解决ajax跨域的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JDBC及DBUtils
- 下一篇: Kirill And The Game