node-http-proxy是一个用于Node.js的HTTP可编程代理库,支持 websockets,它是适用于实现例如代理服务器和负载均衡这样的组件,下面来看看小编整理的node HTTP代理模块(HTTP Proxy)使用介绍.

关于http-proxy

使用npm构建前端项目的话应该很熟悉http-proxy这个模块了,它能转发所有请求代理到真实的后端真实API地址,才能让我们真正实现前后端开发完全分离,甚至部分资源也能代理到相应资源.

如果用过VPN的童鞋就更容易理解了,有时候要看点朝内看不到的内容就得先把请求发到朝外某转发器上,然后那台转发器再请求真实的服务器服务器地址,服务器返回到转发服务器,转发服务器再返回客户机上.

http-proxy的使用非常简单,https://www.npmjs.com/package/http-proxy 详细用法看这里,起因因为一个小问题,因为遇到了一个小问题,折腾了半天最后搞定后才发现http-proxy玩玩全全就是傻瓜式的转发,后来发现这样设计也挺好.

我当时的开发环境为本地静态开发localhost:3000,Server:假设为 www.phpfensi.com,然后我的设置如下:

1. httpProxy.createProxyServer({ 
2.   target: 'http://www.phpfensi.com' 
3. }); 
4.  
5. function proxyMiddleware(req, res, next) { 
6.   if (/\/api\/.*$/.test(req.url)) { 
7.     proxy.web(req, res); 
8.   } else { 
9.     next(); 
10.   } 
11. } 

所有的API都请求都走proxy了,但返回的不对,都是404,服务器上tail webserver access.log 居然没有捕获到,这让我感觉很诡异,REST Api调试工具里访问真实的Server API确没问题.

发现问题所在,最后我监听服务器所有http请求,居然发现了一个问题,请求过来的host 为 localhost,发现问题了,但是奇怪了,为什么host都是localhost呢?

我认为可能跟我的本地开发localhost:3000有关,于是我改成这样,系统HOST 文件添加:127.0.0.1 www.phpfensi.com.

修改http-proxy配置:

1. httpProxy.createProxyServer({ 
2.   target: 'http://192.168.1.85'  // 服务器IP 
3. }); 

然后打开浏览器,使用www.phpfensi.com:3000域名来访问本地前端项目,重新测试api代理,成功了,这回服务器上抓到的head里host都是www.phpfensi.com。

解决问题:

找到问题了,但总感觉这样不太友好,于是我把系统host文件的:

127.0.0.1 www.phpfensi.com

删除了,恢复www.phpfensi.com的真实访问,然后在http-proxy中改成这样:

1. httpProxy.createProxyServer({ 
2.   target: 'http://192.168.1.85'  // 服务器IP 
3. }); 
4.  
5. function proxyMiddleware(req, res, next) { 
6.   if (/\/api\/.*$/.test(req.url)) { 
7.    proxy.headers.host = 'www.phpfensi.com';  // 这里修改代理请求服务器的host名称 
8.     proxy.web(req, res); 
9.   } else { 
10.     next(); 
11.   } 
12. } 

最后重启本地前端项目,loalhost:3000/api/xxxx请求服务器资源,代理到服务器后所有host都不是localhost而是在http-proxy配置中的www.phpfensi.com了.

当然,有些童鞋的server上没有配置虚拟主机,ip/域名访问都是同一个程序的话,就不会存在以上问题.

Tags: HTTP代理模块 HTTP Proxy

分享到：