在实际工程开发中,会有前后端分离的需求。
成都创新互联公司专注于玛曲企业网站建设,成都响应式网站建设公司,电子商务商城网站建设。玛曲网站建设公司,为玛曲等地区提供建站服务。全流程按需开发,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务
为了平滑的完成前端请求到后端各个独立服务,需要一个中间件实现请求转发的功能,利用Nginx可以实现,在这里,使用nodejs实现一个反向代理服务器。
实际前端项目背景是node+express做前端路由,提供页面的基础渲染和请求转发。
后端使用java springboot开发多个微服务(这里没有使用spring cloud Eureka 做服务管理与API协调),每个服务的IP一致,端口不一致。
实验环境:nodejs+express端口是3001,启动一个java服务,端口是8088,在java中添加了一个filter,用来输出收到的请求地址,使用postman左右客户端发起请求
@Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletRequest httpRequest = (HttpServletRequest) req; System.out.println("请求地址是"+((HttpServletRequest) req).getRequestURI());
首先在原express工程下安装“http-proxy-middleware”中间件
npm install --save-dev http-proxy-middleware
在express的app.js中进行引用
var proxy = require('http-proxy-middleware');
根据实际使用情况,进行代理配置
1、转发所有http请求
var options = { target: 'http://localhost:8088', // 目标主机 changeOrigin: true, // 需要虚拟主机站点 };var exampleProxy = proxy(options); //开启代理功能,并加载配置app.use('/', exampleProxy);//对地址为’/‘的请求全部转发
测试:向127.0.0.1:3001发起任何请求,查看java端接收的情况
请求URL | 服务接输入结果 |
127.0.0.1:3001/ | 请求地址是/ |
127.0.0.1:3001/test | 请求地址是/test |
127.0.0.1:3002/test | 不转发 |
2、转发指定path的请求
app.use('/api', exampleProxy);
测试:
请求URL | 服务接输入结果 |
127.0.0.1:3001/api/test | 请求地址是/api/test |
127.0.0.1:3001/test | 不转发 |
127.0.0.1:3001/api | 请求地址是/api |
127.0.0.1:3002/test | 不转发 |
3、对指定path规则进行重定向
var options = { target: 'http://localhost:8088', // 目标主机 changeOrigin: true, // 需要虚拟主机站点 ws: true, // 是否代理websocket pathRewrite: { '^/api/old-path' : '/api/new-path', '^/api/remove/path' : '/path', '^/api/auth/login':'/path' } };var exampleProxy = proxy(options); //开启代理功能,并加载配置app.use('/api', exampleProxy);//对地址为’/‘的请求全部转发
测试:
请求URL | 服务接输入结果 |
127.0.0.1:3001/api/old-path | 请求地址是/api/new-path |
127.0.0.1:3001/api/remove/path | 请求地址是/path |
127.0.0.1:3001/api/auth/login | 请求地址是/path |
127.0.0.1:3001/api/test | 请求地址是/api/test |
127.0.0.1:3001/test | 不转发 |
4、对指定规则进行路由重定向
这里可以简单理解为,加入目前我启动了2个及以上的java服务,端口分别是8088,8089,但前端发起的请求均是指向127.0.0.1:3001的,代理需要根据实际的前端请求,解析路径后,分发到不同端口(8088,8089)的java服务中
var options = { target: 'http://localhost:8089', // 这里默认转发目标为127.0.0.1:8089 router: { '/rest': 'http://localhost:8088',//如果请求路径是/api/rest,则将url的请求路由重定向 '127.0.0.1:3001/api/8003': 'http://localhost:8003', // 服务该url则重定向 } };var exampleProxy = proxy(options); //开启代理功能,并加载配置app.use('/api', exampleProxy);//对地址为’/‘的请求全部转发
测试:
请求URL | 服务接输入结果 |
127.0.0.1:3001/api/rest | 8088:请求地址是/api/rest |
127.0.0.1:3002/api/rest | 无响应 |
127.0.0.1:3001/api | 8088:请求地址是/api |
127.0.0.1:3001/api/8003 | 转发失败(因为我们目前没有8003端口的服务) |
127.0.0.1:3001/api/rest/3232 | 8088:请求地址是/api/rest/3232 |
127.0.0.1:3001/api | 8089:请求地址是/api |
这里需要注意,代理默认对于/api下的所有请求,都转发至8089端口的服务,对于router中的配置采取例外处理,会工具规则转发至8088服务或8003服务
总结:
实际工程中,推荐采用第三种情况,通过“/api”等通配字符来区别所有要转发的请求和常规http的页面渲染请求。再根据实际后台服务接口,去配置不同的router规则即可。