apache转发 js 跨域

安装Apache HTTP Server

打开apache安装目录的conf文件夹下的httpd.conf

1、将以下两行前的注释字符 # 去掉:

#LoadModule proxy_module modules/mod_proxy.so

#LoadModule proxy_http_module modules/mod_proxy_http.so

2、在httpd.conf 文件的最后加上转发规则

例如:

ProxyPass /cas http://192.168.0.206:9090/cas

ProxyPassReverse /cas  http://192.168.0.206:9090/cas

将/cas开头的请求转发到206服务器9090端口的cas上

转自http://wenku.baidu.com/view/380eef63caaedd3383c4d38f.html

 

QA:

1.windows不能在本地计算机启动apache2.2解决

   打开httpd.conf文件 搜索 "ServerAdmin "改为 "#ServerAdmin ",保存退出

 

 

以下为本人做的js跨域实验配置:

1.httpd.conf最后添加

#加载代理(proxy)模块
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

#配置监听端口(如果用默认端口号80的话,则tomcat不用添加proxyPort配置)
Listen 3004

#配置虚拟站点
<VirtualHost *:3004>
    ServerAdmin webmaster@dummy-host.localhost
    DocumentRoot "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"
    ServerName localhost
    ServerAlias localhost
    #ErrorLog "logs/VirtualHost3004-error.log"
    #CustomLog "logs/VirtualHost3004-access.log" common
    <Directory "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs">  
        Options Indexes FollowSymLinks
        AllowOverride None
        Order allow,deny
        Allow from all
    </Directory>
    
    ProxyPass  /JsCrossDomainChild http://127.0.0.1:8089/JsCrossDomainChild
    ProxyPassReverse /JsCrossDomainChild http://127.0.0.1:8089/JsCrossDomainChild
    ProxyPass  /JsCrossDomainParent http://localhost:8088/JsCrossDomainParent
    ProxyPassReverse /JsCrossDomainParent http://localhost:8088/JsCrossDomainParent
		
</VirtualHost>

 

2.tomcat/conf/server.xml添加 proxyPort="3004"

<!-- Define a non-SSL HTTP/1.1 Connector on port 8080 -->
    <Connector port="8088" maxHttpHeaderSize="8192" proxyPort="3004" ...

 

3.parent.jsp

<html>
  <head>
	<script type="text/javascript">
	  function xxForChild(){
		document.getElementById('xx').innerHTML += "abc<BR>";
	  }
	</script>
  </head>
  <body >
    <input type="button" value="getChildContent" onclick="alert(document.frames['fr1'].document.getElementsByTagName('h1')[0].firstChild.data)"/>
    <div id="xx">p</div>
    <iframe id="fr1" name="fr1" height="700px" width="700px" src ="http://localhost:3004/JsCrossDomainChild/index.jsp" frameborder="1" width="100%" scrolling="no"></iframe>
  </body>
</html>

 

4.child.jsp

  <body >
    <input type="button" value="parent.xxForChild();" onclick="parent.xxForChild();"/><br>
    <h1>h1的内容</h1> 
  </body>

 5.访问http://localhost:3004/JsCrossDomainParent/

 

 

 

 

——————————————————————————————————————————

JS跨域APACHE配置 NULL 博文链接:https://huanglanfa.iteye.com/blog/1107328 立即下载

相关推荐

华为FusionCharge 720kW液冷直流快充桩主电流全路径深度详解

本文档详细介绍了华为FusionCharge 720kW液冷分体式直流充电系统的主电流路径全链路解析,适用于配套DS720-720LCNA1充电主机及DT600L1-CNA1液冷终端、DT250N2-CNA1自然冷终端的运维工作。内容涵盖从电网交流输入到电动汽车充电的全过程,重点解析交流门、整流正门、主控正门等五大柜门区域的核心元器件分布及功能,包括额定参数、安全规范、故障排查等关键运维知识。操作人员需持有高压电工证并通过专项培训,作业时必须严格遵守断电验电、穿戴PPE防护装备等安全红线。文档通过16个关键

2401_84939870的博客 755

使用Apache转发,解决jQuery的跨域问题!

使用Apache请求转发,解决jQuery跨域问题

IT后浪的博客 1254

避坑指南:ESP32S3驱动INMP441麦克风时的常见硬件冲突与解决方案

本文详细解析了ESP32S3驱动INMP441麦克风时常见的硬件冲突问题,包括GPIO资源冲突、电源噪声、I2S时钟同步等,并提供了实用的解决方案和优化策略。通过实测数据和代码示例,帮助开发者快速排查和解决音频设备开发中的疑难问题,提升系统稳定性和音频质量。

embedding5hiker的博客 944

apache如何解决跨域资源访问

很多时候,大中型网站为了静态资源分布式部署,加快访问速度,减轻主站压力,会把静态资源(例如字体文件、图片等)放在独立服务器或者CDN上,并且使用独立的资源域名(例如res.test.com) 但是在实际部署中,会发现浏览器无法载入这些不同域名的资源,有时候控制台会报错,尤其体现在自定义字体文件上 这是因为现代浏览器将其定义为跨域资源而不允许加载 理解跨域首先必须要了解同源策略。同

无效的博客 4万+

AD | Altium Designer(原理图设计、电路仿真、PCB绘图)汉化版

Altium Designer(原理图设计、电路仿真、PCB绘图)

Qt历险记,专注Qt技术,三年医疗设备研发经验,1年机器视觉研发经验,半年柔性传感研发经验。 4170

手把手教你用OpenRouter免费模型:从DeepSeek V3.1到Llama 3.3的实战指南

本文详细介绍了如何利用OpenRouter平台免费接入DeepSeek V3.1、Llama 3.3等53个AI模型,提供从账号注册到实战应用的完整指南。通过文本摘要、客服对话生成和代码生成等具体案例,帮助开发者高效利用免费模型资源,提升AI应用开发效率。

weixin_29258297的博客 3571

Apache设置反向代理解决js跨域问题

这是一个很简单的方案,通过启用Apache反向代理解决js跨域问题 为什么要这么做? 在现在的开发过程中大家会遇到这样一个问题:后端代码写好之后,前端的小伙伴需要将后端代码部署到本地才能正常使用api。若直接使用远程服务器上的api(例如测试服务器上的api)就会出现js跨域问题,导致无法使用远程服务器上的api。将后端代码部署到前端小伙伴的本地会出现以...

weixin_33794672的博客 857

C8T6和ZET6选型更换过程中出现.\Obj\Project.sct(7): error: L6235E: More than one section matches selector - cann

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、问题原因二、解决方法三、现象总结 前言 又一件离谱的事情发生了,我之前转换过程中没有发生的错误,今天拿出来程序重新编译了一下,结果他奶奶滴一个新的错误出现了,而且我还完全不知道是什么原因导致的,先上图: 一、问题原因 之前我已经尝试过更换芯片选型,但是没有出现此类问题,今天更改的时候发现了,我还以为是个偶然错误,结果换来换去,还是有这个问题,那我之前说c8t6的程序更改成zet6上跑只需改芯片选型和宏定义岂不是啪啪打.

wx18045623090的博客 1491

APACHE代理https转发到http解决https跨域问题

昨天开发一个chrome插件浏览器插件:插件自动把当前浏览的页面html代码抓去,通过ajax的方式html代码发送到服务器解析。抓去的站点是https的,我们的解析就普通的tomcat用得的http,做的过程中遇到以下问题: was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://12...

mzllyl的专栏 3269

从零开始:如何用Python建立你的第一个人工智能模型

在这篇文章中,我们将介绍如何从零开始使用Python建立你的第一个人工智能模型。无论你是刚接触编程的新手,还是有经验的开发者想进一步探索人工智能领域,这篇文章都将为你提供清晰、详细的指南。我们将一步步探索数据预处理、模型建立、训练和测试的过程,以及如何解读模型的结果。

Allen1862105的博客 4万+

YOLOv9改进策略 | Conv篇 | 2024最新ECCV最新大感受野的小波卷积WTConv助力YOLOv9有效涨点

本文给大家带来的改进机制是一种新的卷积层,称为WTConv(小波卷积层),它利用小波变换(WT)来解决卷积神经网络(CNN)在实现大感受野时遇到的过度参数化问题。WTConv的主要目的是通过对输入数据的不同频率带进行处理,使CNN能够更有效地捕捉局部和全局特征,WTConv成功解决了CNN在感受野扩展中的参数膨胀问题,提供了一种更为高效、鲁棒且易于集成的卷积层解决方案,我将其用于二次创新YOLOv9中的RepNCSPELAN4机制可以减少一定的参数量和计算量,达到一个可观的轻量化作用。

Snu77的博客 1544

apache代理解决Javascript跨域问题

服务器配置难免的,作为一个java web开发人员,配置apache和tomcat是常有的事,下面看看apache代理解决Javascript跨域问题 由于前端解决跨域问题的局限性比较大,对于 Ajax 跨域或是 iframe 跨域,建议用服务器端解决方案。 此方案的原理是接受客户端发来的请求后,经由本域服务器代理向目标服务器发送请求,并将响应数据返回给客户端。 用 apach...

发哥 509

Android 10.0 任务栏音乐播放器后台播放杀进程功能实现

在10.0的系统rom定制化开发过程中,在某些情况下在安装第三方播放器以后,播放音乐的时候,在最近任务栏recents列表中,点击全部清除,发现音乐播放器还在播放音乐,导致出现bug,完整的 解决方法,肯定是需要点击全部清除以后,音乐播放器也被杀掉进程,接下来看下这个问题怎么解决

安卓兼职framework和app工程师的博客 653

JavaScript-AJAX

1:什么是ajax?ajax作用是什么? 异步的java和xmlAJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互 2:原生js ajax请求有几个步骤?分别是什么 //创建 对象 var ajax = new (); //规定请求的类型、URL 以及是否异步处理请求。 ajax.open(‘GET’,url,true); //发送信息至服务器时内容编码类型 ajax.setRe...

weixin_43922021的博客 155

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

Ajax常见面试题 -- 前端面试题(二)

1:什么是ajax?ajax作用是什么? 异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互 2:原生js ajax请求有几个步骤?分别是什么 //创建 XMLHttpRequest 对象 var ajax = new XMLHttpRequest(); //规定请求的类型、URL 以及是否异步处理请求。 aja...

aidu0177的博客 140

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

基于若依和elementui实现文件上传(导入Excel表)

文件上传会直接触发action属性的路径提交,底层并不会走request工具类 ,我们需要手动拼接拦截器的请求头部分。自动校验jwt令牌,合法放行,不合法后端返回401,前端调回到登录页面。基于若依和elementui实现文件上传(导入Excel表)若依封装了Apache的poi功能,实现文件的上传和下载。使用若依生成基础代码时,若依自动集成了包含请求头操作。其余的就是复用代码进行前端代码完善以及后端代码编写。若依使用的是JS语法,需要改造为JS语法才能使用。在前端的配置文件中做了代理转发,

qq_68981706的博客 675

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

apache + tomcat +js + css 实现分离跨域

http://blog.youkuaiyun.com/bayaci/article/details/7033722 结合上一篇,继续分离站点的资源,到不同的站点上去 一个java站点,使用tomcat服务器,那么需要把站点的css 、images、js都需要分离。用不同的域名的话,会碰到跨域的情况。为此,使用apache的代理来实现分离工作 css 、images、js资源...

weixin_30525825的博客 82

ajax常见面试题

1:什么是ajax?ajax作用是什么? 异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互 复制代码 2:原生js ajax请求有几个步骤?分别是什么 //创建 XMLHttpRequest 对象 var ajax = new XMLHttpRequest(); //规定请求的类型、URL 以及是否异步处理请求。 ajax.open('G...

weixin_33739627的博客 227

JS - Ajax 跨域篇

1、浏览器的限制:当浏览器发现你的请求是跨域的时候,会做校验,如果校验不通过,将会报跨域安全问题。浏览器多管闲事, get请求能正常返回,但是浏览器会报错;说明后台是没问题的,只是浏览器的限制问题。 2、跨域:发出去的请求只要域名,端口,协议中有一个不同,都会产生跨域。 3、发送的是xhr(XMLHTTPRequest)请求,如果发送的不是xhr请求,就算是跨域,浏览器也不会报错。 4、...

777

js 请求解决跨域问题

在JavaScript中,通过XMLHttpRequest或Fetch API进行跨域请求时,如果目标服务器没有设置相应的CORS策略允许当前源的访问,浏览器会阻止这个请求。允许任何源进行跨域访问可能存在安全风险,在生产环境中应尽量指定明确的允许来源。同时,对于涉及到用户凭证(cookies、Authorization headers等)的跨域请求,还需要设置。对于后端服务器,需要添加适当的CORS响应头来允许特定源的跨域请求。,并确保前端请求时也设置了。

qq_33240556的博客 753

润乾报表js跨域调用报表

 将页面和报表部署在不同服务器上,在页面中引入报表。此时如果想通过页面上的按钮对报表进行操作就会出现问题,无法调用报表的函数,IE提示没有权限,这就是javascript的跨域问题。Javascript出于安全性考虑,是不允许跨域调用其他页面的对象的。 现在我们使用apache反向代理ProxyPass和mod_rewrite,实现页面按钮跨域调用润乾报表函数 具体设置方法:

Alice_656的博客 793

ajax 跨域问题的结局办法

ajax伴随的goole 的推动,越来越多的站点开始使用了,在开大ajax程序的时候会遇到很多的问题,主要有以下几个方面: 跨浏览器问题 历史后退状态问题 跨域问题跨浏览器的问题因为现在有很多的开元的框架已经解决了,我们无需为此而烦恼。历史后退状态问题我们可以使用一个数组来保存历史纪录,然后把这些数据村到历史对象中去,中的也可以解决,并且还有很多的开元框

吃掉大象的蚂蚁的专栏 2760

js跨域调用报表函数

 问题描述:         报表基于效率的原因,将页面和报表部署在不同服务器上,在页面中引入报表。此时如果想通过页面上的按钮对报表进行操作就会出现问题,无法调用报表的函数,IE提示没有权限,这就是javascript的跨域问题。Javascript出于安全性考虑,是不允许跨域调用其他页面的对象的。所以上述看似很普通的操作没办法实现。         现在我们使用apache反向代理Pr

chaochao52001的博客 376

Vue使用Axios实现http请求以及解决跨域问题

参考:https://www.jianshu.com/p/3ab216fa185c axios快速使用 示例demo Vue使用Axios实现http请求以及解决跨域问题 引入qs 库 cnpm install qs vue2.0下axios实现跨域踩的坑 VUE axios 跨域问题 No 'Access-Control-Allow-Origin' header is presen...

weixin_30615767的博客 808

apache vue跨域_vue解决跨域问题

开发模式要知道,跨域这个行为是浏览器禁止的,但是服务端并不禁止。使用proxyTable的原理就是将域名发送给本地的服务器,再由本地的服务器去请求真正的服务器。打开config/index.js,修改dev里的proxyTableproxyTable:{'/': {target: 'http://www.xxx.cn/api', //你要访问的服务器域名changeOrigin: true, //...

weixin_31822835的博客 570

关于js跨域访问,(转自飘易)

<br />在做ajax互动效果时,我们需要利用Microsoft.XMLHTTP组件获取远程信息,但出于安全问题,javascript是不允许跨域的,只能在本域内操作数据。而这对于需要进行跨域获取数据的应用来说,无疑是一大障碍。<br />    飘易在研究了众多可以实现js跨域的方法后,发现利用 apache 的proxy代理模块功能,就可以实现完美的js跨域处理了。特和大家分享如下:1.首先要开启apache的rewrite重写模块和proxy代理模块。修改apache配置文件 conf/httpd.

592
上一篇: MyEclipse 启动tomcat的时候报cannot connect to vm
下一篇: 两个table合并成一个table 标题列不滚动
fireinjava
博客等级 码龄20年 5粉丝 53原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值