摘要:最近在做一個(gè)項(xiàng)目,前端資源與服務(wù)端多帶帶部署。遇到一個(gè)跨域問(wèn)題,常見(jiàn)的跨域問(wèn)題可以通過(guò)方式解決。第二步在中添加一個(gè)新的過(guò)濾器。中增加方法得到請(qǐng)求的和跨域處理處理跨域問(wèn)題解決跨域的關(guān)鍵
最近在做一個(gè)項(xiàng)目,前端資源與服務(wù)端多帶帶部署。遇到一個(gè)跨域問(wèn)題,常見(jiàn)的跨域問(wèn)題可以通過(guò)jsonp方式解決。下面介紹另一種解決方式:
服務(wù)端環(huán)境:spring + dubbo + tomcat
第一步:在WEB-INF目錄下添加一個(gè)crossdomain.xml文件,內(nèi)容如下:
表示web服務(wù)器允許任何domain的請(qǐng)求。
第二步:
在web.xml中添加一個(gè)新的過(guò)濾器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; // 得到請(qǐng)求的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 { } /** * 處理跨域問(wèn)題 */ 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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/83134.html
摘要:最近在做一個(gè)項(xiàng)目,前端資源與服務(wù)端單獨(dú)部署。遇到一個(gè)跨域問(wèn)題,常見(jiàn)的跨域問(wèn)題可以通過(guò)方式解決。第二步在中添加一個(gè)新的過(guò)濾器。中增加方法得到請(qǐng)求的和跨域處理處理跨域問(wèn)題解決跨域的關(guān)鍵 最近在做一個(gè)項(xiàng)目,前端資源與服務(wù)端單獨(dú)部署。遇到一個(gè)跨域問(wèn)題,常見(jiàn)的跨域問(wèn)題可以通過(guò)jsonp方式解決。下面介紹另一種解決方式:服務(wù)端環(huán)境:spring + dubbo + tomcat第一步:在WEB-I...
摘要:這種情況通常發(fā)生在反向代理的時(shí)候,前端發(fā)起請(qǐng)求代理服務(wù)器,代理服務(wù)器發(fā)起請(qǐng)求到,這時(shí)候就容易導(dǎo)致域名不一致,請(qǐng)一定要注意這點(diǎn)。 寫(xiě)在最前 前后端分離其實(shí)有兩類(lèi): 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個(gè)放入后端項(xiàng)目中。 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:這種情況通常發(fā)生在反向代理的時(shí)候,前端發(fā)起請(qǐng)求代理服務(wù)器,代理服務(wù)器發(fā)起請(qǐng)求到,這時(shí)候就容易導(dǎo)致域名不一致,請(qǐng)一定要注意這點(diǎn)。 寫(xiě)在最前 前后端分離其實(shí)有兩類(lèi): 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個(gè)放入后端項(xiàng)目中。 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:這種情況通常發(fā)生在反向代理的時(shí)候,前端發(fā)起請(qǐng)求代理服務(wù)器,代理服務(wù)器發(fā)起請(qǐng)求到,這時(shí)候就容易導(dǎo)致域名不一致,請(qǐng)一定要注意這點(diǎn)。 寫(xiě)在最前 前后端分離其實(shí)有兩類(lèi): 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個(gè)放入后端項(xiàng)目中。 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:跨域完全講解今天在慕課網(wǎng)上學(xué)習(xí)了跨域完全講解我在收集面試題的時(shí)候其實(shí)就已經(jīng)有過(guò)跨域的問(wèn)題的了,當(dāng)時(shí)候知道了為什么會(huì)存在跨域,以及跨域解決的方案有哪些,今天隨著課程的學(xué)習(xí),又加深了跨域的理解,以此記錄下來(lái)。 AJAX跨域完全講解 今天在慕課網(wǎng)上學(xué)習(xí)了AJAX跨域完全講解:https://www.imooc.com/learn/947 我在收集AJAX面試題的時(shí)候其實(shí)就已經(jīng)有過(guò)AJAX跨域...
閱讀 1479·2023-04-26 00:08
閱讀 818·2021-11-23 18:51
閱讀 1690·2021-11-12 10:34
閱讀 1023·2021-10-14 09:43
閱讀 511·2021-08-18 10:23
閱讀 2594·2019-08-30 15:55
閱讀 3402·2019-08-30 11:05
閱讀 2801·2019-08-29 12:50