摘要:最近在做一個項目,前端資源與服務(wù)端多帶帶部署。遇到一個跨域問題,常見的跨域問題可以通過方式解決。第二步在中添加一個新的過濾器。中增加方法得到請求的和跨域處理處理跨域問題解決跨域的關(guān)鍵
最近在做一個項目,前端資源與服務(wù)端多帶帶部署。遇到一個跨域問題,常見的跨域問題可以通過jsonp方式解決。下面介紹另一種解決方式:
服務(wù)端環(huán)境:spring + dubbo + tomcat
第一步:在WEB-INF目錄下添加一個crossdomain.xml文件,內(nèi)容如下:
表示web服務(wù)器允許任何domain的請求。
第二步:
在web.xml中添加一個新的過濾器Filter--crossDomainFilter。
Archetype CreatedWeb Application contextConfigLocation classpath*:spring-main.xml timeoutMinutes 120 encodingFilter org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true encodingFilter /* crossDomainFilter com.*.resource.web.utils.CrossDomainFilter file /WEB-INF/web-config.properties org.springframework.web.context.ContextLoaderListener dispatcher org.springframework.web.servlet.DispatcherServlet contextConfigLocation classpath*:springmvc-servlet.xml 1 dispatcher *.do crossDomainFilter *.do 120 index.html
crossDomainFilter中增加crossDomain方法:
package com.*.resource.web.utils; import java.io.FileInputStream; import java.io.IOException; import java.util.Properties; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletContext; import javax.servlet.ServletException; import javax.servlet.ServletRequest; import javax.servlet.ServletResponse; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.lang.exception.ExceptionUtils; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.context.ApplicationContext; import org.springframework.web.context.support.WebApplicationContextUtils; /** * * @author * @date */ public class CrossDomainFilter implements Filter { private static final Logger log = LoggerFactory.getLogger(CrossDomainFilter.class); private Properties pp = new Properties(); private FilterConfig config; private String allowDomain = "http://allow.com"; @Override public void destroy() { pp = null; this.config = null; } @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest req = (HttpServletRequest) request; HttpServletResponse resp = (HttpServletResponse) response; // 得到請求的uri和url String reqUri = req.getRequestURI(); String reqUrl = req.getRequestURL().toString(); log.info(" reqUri:{} ,reqUrl:{} ", reqUri, reqUrl); // 跨域處理 this.crossDomain(req, resp, reqUrl); chain.doFilter(req, resp); } @Override public void init(FilterConfig config) throws ServletException { } /** * 處理跨域問題 */ private void crossDomain(HttpServletRequest request, HttpServletResponse response, String url) { response.setHeader("Content-type", "text/html;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); response.setHeader("Access-Control-Allow-Credentials", "true"); log.info("REFERER:{}", request.getHeader("REFERER")); String referer = request.getHeader("REFERER"); String reqRefererDomain = ""; if (referer != null && referer.length() > referer.indexOf(".com") + 4) { reqRefererDomain = referer.substring(0, referer.indexOf(".com") + 4); log.info("reqRefererDomain:{}", reqRefererDomain); if (reqRefererDomain.equals(allowDomain)) { response.setHeader("Access-Control-Allow-Origin", allowDomain ); } } response.setHeader("Access-Control-Allow-Credentials", "true"); response.setHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS"); response.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With"); } }
解決跨域的關(guān)鍵:
response.setHeader("Access-Control-Allow-Origin", allowDomain );
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/83134.html
摘要:最近在做一個項目,前端資源與服務(wù)端單獨部署。遇到一個跨域問題,常見的跨域問題可以通過方式解決。第二步在中添加一個新的過濾器。中增加方法得到請求的和跨域處理處理跨域問題解決跨域的關(guān)鍵 最近在做一個項目,前端資源與服務(wù)端單獨部署。遇到一個跨域問題,常見的跨域問題可以通過jsonp方式解決。下面介紹另一種解決方式:服務(wù)端環(huán)境:spring + dubbo + tomcat第一步:在WEB-I...
摘要:這種情況通常發(fā)生在反向代理的時候,前端發(fā)起請求代理服務(wù)器,代理服務(wù)器發(fā)起請求到,這時候就容易導(dǎo)致域名不一致,請一定要注意這點。 寫在最前 前后端分離其實有兩類: 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項目中。 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:這種情況通常發(fā)生在反向代理的時候,前端發(fā)起請求代理服務(wù)器,代理服務(wù)器發(fā)起請求到,這時候就容易導(dǎo)致域名不一致,請一定要注意這點。 寫在最前 前后端分離其實有兩類: 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項目中。 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:這種情況通常發(fā)生在反向代理的時候,前端發(fā)起請求代理服務(wù)器,代理服務(wù)器發(fā)起請求到,這時候就容易導(dǎo)致域名不一致,請一定要注意這點。 寫在最前 前后端分離其實有兩類: 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項目中。 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:跨域完全講解今天在慕課網(wǎng)上學(xué)習(xí)了跨域完全講解我在收集面試題的時候其實就已經(jīng)有過跨域的問題的了,當(dāng)時候知道了為什么會存在跨域,以及跨域解決的方案有哪些,今天隨著課程的學(xué)習(xí),又加深了跨域的理解,以此記錄下來。 AJAX跨域完全講解 今天在慕課網(wǎng)上學(xué)習(xí)了AJAX跨域完全講解:https://www.imooc.com/learn/947 我在收集AJAX面試題的時候其實就已經(jīng)有過AJAX跨域...
閱讀 1467·2023-04-26 00:08
閱讀 797·2021-11-23 18:51
閱讀 1672·2021-11-12 10:34
閱讀 1008·2021-10-14 09:43
閱讀 502·2021-08-18 10:23
閱讀 2581·2019-08-30 15:55
閱讀 3392·2019-08-30 11:05
閱讀 2792·2019-08-29 12:50