Apache设置反向代理解决js跨域问题
这是一个很简单的方案,通过启用Apache反向代理解决js跨域问题
为什么要这么做?
在现在的开发过程中大家会遇到这样一个问题:后端代码写好之后,前端的小伙伴需要将后端代码部署到本地才能正常使用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里面配置反向代理,完成之后的配置代码如下:
<VirtualHost *:80> ProxyRequests Off <Proxy *> Order deny,allow Allow from all </Proxy> ProxyPass /project http://ip_address/project </VirtualHost>
ProxyRequests Off 指令是指采用反向(reverse)代理
ProxyPass 指令允许将一个远端服务器映射到本地服务器的 URL 空间中。
配置完成之后,访问 http://localhost/project 实际就是访问 http://ip_address/project 上的资源。简单的说,我们通过这个配置欺骗了js,让js以为我们一直在相同域名下访问资源。
重启Apache,重命名之前本地的后端代码文件夹(反正让本地后端代码不能够正常运行即可),然后测试一下看api数据读取是否正常。若api数据读取正常,那么Apache反向代理设置成功并且正常工作。
(资源库 www.zyku.net)
栏 目:Apache
下一篇:解决Apache日志文件ACCESS.LOG日益膨胀的一个办法
本文标题:Apache设置反向代理解决js跨域问题
本文地址:https://www.zyku.net/apache/751.html
您可能感兴趣的文章
- 06-03nginx反向代理导致session失效的问题解决
- 04-02Apache下.htaccess重写URL 实现http自动跳转https的方
- 08-08Apache 修改上传文件大小限制的方法
- 04-22Nginx反向代理后获取不到客户端的真实ip地址的解决方
- 03-12Apache服务器利用.htaccess重写URL实现http自动跳转ht
- 03-12CentOS系统下Apache开启Rewrite功能
- 11-23linux 下 apache启动、停止、重启命令
- 09-25Nginx反向代理docker容器进行域名解析绑定的实现方法
- 09-18Docker容器内重启Apache的方法
- 09-04Apache安装完无法正常启动的解决方法
- 03-13WordPress文章中微信打赏功能的2种实
- 01-25Python统计可散列的对象之容器Counter
- 05-06vivox60pro内存融合设置方法
- 02-11苹果手机原彩显示设置教程
- 01-12四季三餐商家端-四季三餐商家端应用软
- 01-12WiFi天天连-WiFi天天连应用软件功能介
- 01-13西瓜日历-西瓜日历应用软件功能介绍
- 02-14华为mate40设置应用全屏显示方法
- 01-11师学堂教师培训平台-师学堂教师培训平
- 02-14HTML5制作表格样式代码
最近更新
阅读排行
猜你喜欢
- 06-22PHP生成6位的不重复的字符串(类似 UUID
- 01-11元和堂药业-元和堂药业应用软件功能介
- 04-24Python open读写文件实现脚本
- 01-12陕轻智慧行-陕轻智慧行应用软件功能介
- 11-27苹果13如何设置视频录制分辨率
- 05-06vivox60悬浮球功能设置方法
- 01-18爱奇艺PPS-爱奇艺PPS应用软件功能介绍
- 02-20Ubuntu安装字体教程
- 04-13红魔6开启游戏增强教程
- 01-23华为手机自带相机怎么拍正方形照片