Apache实现js跨域——反向代理

最新推荐文章于 2023-01-31 18:03:01 发布
最新推荐文章于 2023-01-31 18:03:01 发布
阅读量887 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Jalc2803/article/details/45670675

1、首先请配置一下Apache下的httpd.conf文件：

具体做法：将143行左右的”LoadModule proxy_http_module modules/mod_proxy_http.so“前面的#号去掉


2、配置httpd-vhost.conf文件：


<pre name="code" class="html"><VirtualHost *:80>
    ServerAdmin webmaster@test.XXX.com
    DocumentRoot "C:/xampp/htdocs/def/"
    ServerName test.XXX.com
    ErrorLog "logs/test.XXX.com-error.log"
    CustomLog "logs/test.XXX.com-access.log" common
    ProxyRequests  Off
    <Proxy *>
    Order deny,allow
    Allow from all
    </Proxy>
    ProxyPass /hij  http://www.abc.com
</VirtualHost>





3、重启Apache





4、在浏览器中打开test.XXX.com/hij/a.php 会被指向到http://www.abc.com





5、如果指向成功说明配置正确




                

        

    

    
  



    



                



	

		

			

				
					
VUE——Vue.config.js配置

				
			

			

				

					weixin_63215361的博客
				

				

					06-24
					
					377
					
				

			

		

		

			
				
这段配置的意思是：在开发环境下，所有以 /api 开头的请求都会被代理到 http://vueshop.glbuys.com/，并且去掉 /api 前缀后再发送请求。

			
		

	



                

            
              



	

		

			

				
					
没用过Express，你还敢说你会Node.js？——10分钟掌握Express实用秘籍，轻松写爆接口！

					
最新发布

				
			

			

				

					Where there is a will, there is a way !
				

				

					05-27
					
					632
					
				

			

		

		

			
				
本文深度解析Express框架的核心技能与实战应用，涵盖路由系统、中间件机制、常见坑点及AI时代新机遇，通过真实案例和面试考点，帮助开发者快速掌握Express精髓，实现从入门到精通的技能跃升。

			
		

	



              


  
              

                


	

		

			

				
					
JS跨域APACHE配置

				
			

			

				

					03-26
				

			

		

		

			
				
NULL
博文链接：https://huanglanfa.iteye.com/blog/1107328

			
		

	





	

		

			

				
					
利用Apache反向代理解决前后端造成的跨域问题

				
			

			

				

					supramolecular的博客
				

				

					11-19
					
					3050
					
				

			

		

		

			
				
Apache可以被配置为正向(forward)和反向(reverse)代理。

正向代理是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。

正向代理的典型用途是为在防火墙内的局域网客户端提供访问I...

			
		

	



		

			
		



	

		

			

				
					
配置apache反向代理进行跨域

				
			

			

				

					不知道起什么名字
				

				

					03-02
					
					627
					
				

			

		

		

			
				
配置apache反向代理

打开配置文件httpd.conf
	开启 proxy_http_module 和 proxy_module 模块，将#号删除

#LoadModule proxy_module modules/mod_proxy.so
#LoadModule proxy_http_module modules/mod_proxy_http.so

代理详细配置
可以单独为某一个虚拟...

			
		

	





	

		

			

				
					
Apache Nginx反向代理解决跨域问题

				
			

			

				

					风轻云断的博客
				

				

					02-07
					
					822
					
				

			

		

		

			
				
1.Apache


  1.启用proxy模块 
  Windows:修改httpd.conf配置文件，去掉以下两行前面 # 号，从而启用Apache proxy module。
  
  LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

			
		

	





	

		

			

				
					
Nginx反向代理+Tomcat服务+Vue跨域

				
			

			

				

					文化园
				

				

					07-24
					
					2196
					
				

			

		

		

			
				
Nginx反向代理配置+原理实战避坑+Vue跨域问题解决

			
		

	





	

		

			

				
					
Windows下的Nginx部署React项目及解决反向代理跨域问题等-20.8.1更新

				
			

			

				

					xiao廸要飞
				

				

					08-01
					
					2319
					
				

			

		

		

			
				
文章目录1. 概述2. 优点3. 为什么选择Nginx4. 下载5. 安装6. 配置参数详细说明7. 命令行参数7.1 启动nginx7.2 重启nginx——重新加载配置7.3 停止nginx7.4 运行`Nginx`时指定配置文件7.5 新打开日志文件7.6 修改`nginx.conf`文件后测试是否通过7.7 nginx的命令行参数列表8. 发布React项目8.1 脚手架工具打包8.2 部署8.2.1 部署到根目录下8.2.2 部署到子目录下8.2.3 跨域8.3 React项目部署踩坑8.3.1 

			
		

	





	

		

			

				
					
js跨域解决方案.docx

				
			

			

				

					10-26
				

			

		

		

			
				
 使用Apache反向代理实现跨域  这是一种服务器端的解决方案，通过配置反向代理服务器接收客户端的请求，再代理请求到目标服务器，并将响应数据返回给客户端。  **优点**: - 解决了大部分跨域访问的问题。 - 提供了...

			
		

	





	

		

			

				
					
Windows下使用apache模块实现合并多个js、css提高网页加载速度

				
			

			

				

					01-10
				

			

		

		

			
				
现在的网站表现力越来越丰富，页面加载的js和css自然也越来越多。当网站页面上的js和css太多，浏览器打开页面的速度就会很慢，明显降低了用户的体验。使用mod_concatx, 可以合并多个文件在一个http响应报文中，可以有效提高js/css的加载速度。
示例效果如下：

mod_concatx模块是在mod_concat基础上修改的，感谢他们的工作。
原有的mod_concat模块有很大的参考价值，但实际作用不大。
该模块存在以下三个问题：
1、每次都会重新向客户端发数据，没有合理利用浏览器缓存
2、存在安全漏洞，导致服务端程序被下载，比如”/??jquery.js,common.php

			
		

	





	

		

			

				
					
apache转发 js 跨域

				
			

			

				

					fireinjava的专栏
				

				

					01-24
					
					212
					
				

			

		

		

			
				
安装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 文件的最后...

			
		

	





	

		

			

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

				
			

			

				

					weixin_42571699的博客
				

				

					04-28
					
					1586
					
				

			

		

		

			
				
1.打开Apache的这些模块，把签名的#去掉
LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_connect_module modules/mod_proxy_connect.so
LoadModule proxy_ftp_module modules/mod_proxy_ftp.so
LoadModule proxy_...

			
		

	





	

		

			

				
					
使用Apache反向代理解决js跨域请求的一个方案

				
			

			

				

					weixin_34367845的博客
				

				

					05-08
					
					333
					
				

			

		

		

			
				
作为一个对后台知识一知半解的小白，你让我配置后段代码，说实话是真的难为我了，所以，找一个好的解决方案对我这种后台知识一知半解的小白来说是很有必要的，这个方案就是反向代理，这是解决js跨域请求的一种解决方案。我们百度一下跨域请求的解决方案会发现有很多解决方案，在一种简便、高效、常用的解决方案很重要，尤其是着一种...

			
		

	





	

		

			

				
					
JS跨域问题解决方法之APACHE反向代理

				
			

			

				

					ailike
				

				

					04-23
					
					1729
					
				

			

		

		

			
				
此方法可以解决任何JS跨域问题，并与浏览器类型无关。1.原理介绍 所谓的代理是指代理用户的请求，而反向代理是指代理被用户请求。一个主动，一个被动的区别。如下图所示，对于代理服务器，用户1.2、1.3的请求都被代理服务器封装到1.1进行代理请求。当请求到达反向代理服务器10.1.1.11时，反向代理服务器并没有执行此请求，而交给了相应的应用服务器去处理，处理结果被封装到10.1.1.11并返

			
		

	





	

		

			

				
					
微服务之使用NodeJS创建HTTP代理服务器(反向代理)

				
			

			

				

					The magic of fingertips
				

				

					08-04
					
					4408
					
				

			

		

		

			
				
最近在做微服务相关产品，其中需要有API网关相关产品，虽然早有研究过API网关产品TYK，但是感觉其太重，想起之前研究开源BI产品saiku的时候，记得其有NodeJS的代理代码，于是看了下，颇有启发，略微修改了一些，拿出来跟大家分享下，虽然简单，不可用于生产，但是对于学习还是不错的

			
		

	





	

		

			

				
					
如何解决web浏览器跨域问题——利用反向代理nginx/apache/nodejs

				
			

			

				

					細水、長流√的专栏
				

				

					06-25
					
					1204
					
				

			

		

		

			
				
Apache设置反向代理解决js跨域问题这是一个很简单的方案，通过启用Apache反向代理解决js跨域问题。其实有一个更简单的方法，如果你使用Chrome浏览器，你可以装一个叫Allow-Control-Allow-Origin: *的拓展程序，跨域问题就直接解决啦！但是，这个方法有一个问题，前端跨域POST请求的时候，因为CORS（cross origin resource share）规范的存...

			
		

	





	

		

			

				
					
配置apache反向代理，解决js跨域问题

				
			

			

				

					蓝色雨的博客
				

				

					04-10
					
					5345
					
				

			

		

		

			
				
开放elearning的时候, 课件需要通过SCORM与elearning平台交付，而课件内容往往是在内容服务器上，和平台不在一个服务器上，要解决跨域问题，配置apache反向代理，解决js跨域问题
官方参考文档http://httpd.apache.org/docs/2.2/install.html
一下是自己安装步骤记录：
1.ftp上传,需要上传到/u01/etraining，不然会异

			
		

	





	

		

			

				
					
虚拟主机3种方式nginx/apache+跨域知识点整理

				
			

			

				

					weixin_46653710的博客
				

				

					01-31
					
					302
					
				

			

		

		

			
				
虚拟主机3种方式nginx/apache+跨域知识点整理

			
		

	





	

		

			

				
					
咸虾米跨域

				
			

			

				

					04-03
				

			

		

		

			
				
### 咸虾米服务或应用相关的跨域问题解决方案

在处理咸虾米服务或应用中的跨域问题时，可以采用多种方式来实现数据的安全传输和访问控制。以下是针对该场景下的具体解决方案：

#### 1. 使用CORS（跨域资源共享）
CORS是一种现代浏览器支持的标准机制，允许服务器指定哪些外部域名可以访问其资源。通过设置HTTP响应头，服务器能够明确告知客户端是否允许跨域请求。

对于咸虾米服务而言，在后端配置CORS可以通过以下几种方式进行调整：
- **Access-Control-Allow-Origin**: 设置允许访问的源地址。如果希望开放给所有站点，则可将其值设为`*`；但如果仅限于特定网站（如`https://example.com`），则应显式声明[^1]。
  
```javascript
// Node.js Express 示例代码
app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', 'https://example.com'); // 替换为目标域名
    res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
    next();
});
```

- 如果涉及到敏感操作或者更复杂的权限管理需求，还可以进一步增加预检请求的支持以及自定义头部字段等内容[^2]。

#### 2. JSONP 方法 (适用于简单 GET 请求)
尽管JSONP只适合用于GET类型的API调用，并且存在一定的局限性和安全隐患，但在某些特殊情况下仍然可用作一种备选方案。它的工作原理是利用 `<script>` 标签加载远程脚本并执行回调函数完成数据交互过程[^3]。

需要注意的是，由于安全性原因，目前大多数主流框架已不再推荐单独依赖此技术解决问题。

#### 3. 配置反向代理
另一种常见做法是在同一台机器上架设一个中间层——即所谓的“反向代理”，从而规避掉直接面对公网暴露接口所带来的麻烦事。比如借助 Nginx 或 Apache 来转发来自不同子系统的流量至目标位置的同时保持统一入口点不变。

例如，在Nginx中添加如下配置片段即可轻松达成目的:

```nginx
location /api/ {
    proxy_pass http://backend_server;
}
```

这样做的好处在于不仅简化了实际部署流程而且还增强了整体架构灵活性与扩展能力。

综上所述，针对咸虾米这类涉及前后端分离的应用程序来说，优先考虑启用 CORS 支持通常是最佳实践之一，因为它兼顾效率与兼容性表现良好；当然视具体情况而定也可以选用其他替代品诸如 JSONP 或者建立内部网关之类的技术手段加以辅助优化用户体验效果。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值