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

这是一个很简单的方案，通过启用Apache反向代理解决js跨域问题

10年专注成都网站制作，企业网站设计，个人网站制作服务，为大家分享网站制作知识、方案，网站设计流程、步骤,成功服务上千家企业。为您提供网站建设,网站制作,网页设计及定制高端网站建设服务,专注于企业网站设计,高端网页制作,对服务器租用等多个方面，拥有丰富设计经验。

为什么要这么做?

在现在的开发过程中大家会遇到这样一个问题：后端代码写好之后，前端的小伙伴需要将后端代码部署到本地才能正常使用api。若直接使用远程服务器上的api(例如测试服务器上的api)就会出现js跨域问题，导致无法使用远程服务器上的api。将后端代码部署到前端小伙伴的本地会出现以下几个问题:

前端小伙伴下载后端代码到本地并配置，花时间!

后端代码有更新之后，前端小伙伴也需要更新本地的后端代码，花时间!

前端小伙伴本地安装的服务器环境可能略有差异，从而导致后端代码在本机上不能正常运行，需要后端小伙伴协助调试，花时间!

为了简单高效的开发，建议前端的小伙伴启用Apache反向代理解决js跨域问题。在解决js跨域问题之后，前端小伙伴可直接使用测试服务器上的api接口，不需要再在本地部署后端代码，而后端小伙伴只需要维护测试服务器即可。

什么是反向代理?

这里简单介绍一下反向代理：如下图所示，用户A一直使用原始服务器B的资源，但是用户A始终认为它访问的是原始服务器B而不是代理服务器Z，但实用际上反向代理服务器接受用户A的应答，从原始资源服务器B中取得用户A的需求资源，然后发送给用户A。由于防火墙的作用，只允许代理服务器Z访问原始资源服务器B。尽管在这个虚拟的环境下，防火墙和反向代理的共同作用保护了原始资源服务器B，但用户A并不知情。

准备

请确保本地已经正确安装了xampp或者wamp

怎么做?

1. 在xampp或者wamp安装目录下，修改httpd.conf配置文件，去掉以下两行前面 # 号，从而启用Apache proxy module。

 
 

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

2. 找到httpd-vhosts.conf配置文件，在virtualHost里面配置反向代理，完成之后的配置代码如下：

 
 

  
  

  
  
    ProxyRequests Off
  
  

  
  
    
  
  
      Order deny,allow
  
  
      Allow from all
  
  
    
  
  

  
  
    ProxyPass /project http://ip_address/project
  
  
 
 
 

• ProxyRequests Off 指令是指采用反向(reverse)代理
• ProxyPass 指令允许将一个远端服务器映射到本地服务器的 URL 空间中。
• 配置完成之后，访问 http://localhost/project 实际就是访问http://ip_address/project 上的资源。简单的说，我们通过这个配置欺骗了js，让js以为我们一直在相同域名下访问资源。

3. 重启Apache，重命名之前本地的后端代码文件夹(反正让本地后端代码不能够正常运行即可)，然后测试一下看api数据读取是否正常。若api数据读取正常，那么Apache反向代理设置成功并且正常工作。

网页标题：Apache设置反向代理解决js跨域问题
文章路径：http://www.shufengxianlan.com/qtweb/news15/59765.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联