（apache）mod_proxy 和 mod_rewrite实现js跨域-CSDN博客

本文链接：https://blog.csdn.net/iteye_1056/article/details/82234339

项目中用到了，于是搞了几多时间，还是没太明白，只是会基本用法，由于后来项目换实现方式，不存在跨域问题了，就没研究了，这里记录下，已备所需
废话不多说了，这里只讲这个，其他方式自己去试，直接先上两篇参考
1、（两种方式的基本配置）
http://www.joywebsite.com/2011/01/how-to-bypass-cross-domain-restrictions-by-apache/
2、（mod_rewrite官方文档中文详解）
http://man.chinaunix.net/newsoft/ApacheManual/misc/rewriteguide.html

下面是我根据上面2篇参考自己写的：
1、下载apache代理服务器 http://apache.etoak.com//httpd/binaries/win32/httpd-2.2.21-win32-x86-no_ssl.msi
2、安装后，打开安装目录下conf/httpd.conf文件
3、去掉注释
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so
LoadModule rewrite_module modules/mod_rewrite.so
在最下面增加：
<VirtualHost *:80>

<Location /web2>
SetHandler proxy-server
order allow,deny
Allow from all
</Location>
RewriteEngine on
RewriteRule ^/web1/(.*)$ http://localhost:8080/web1/$1 [L,R=301,P,NC]
RewriteRule ^/web2/(.*)$ http://localhost:8082/web2/$1 [L,R=301,P,NC]
</VirtualHost>

这样配置就完成了，解释下上面两个 rewriterule 的含义，其余的找上面给出的两篇资料参考
上面的web1和web2其实是两个项目部署在不同的tomcat中，端口分别为8080和8082

web1中的index.jsp文件：

<html>
	<head>
	</head>
	<script type="text/javascript">
  	function cc(){
  		window.frames['ifr'].test('web1');
  	}
  </script>
	<body>
		<input id="btn" type="button" value="ADD" onclick="javascript: cc();" />
		<iframe name="ifr" src="http://localhost/web2/index.jsp" width=800 height=600></iframe>
	</body>
</html>

web2中的index.jsp文件：

<html>
<script type="text/javascript">
function test(s){
	var div = document.createElement("div");
	div.innerHTML = s;
	document.body.appendChild(div);
}
</script>
<body>
web2
</body>
</html>

注：
访问web1中的index页面必须要用 http://localhost/web1/index.jsp 才会解决跨域问题，必须要和iframe的src（localhost）相同，IP同理