node express 中间件 http-proxy-middleware 和 express-http-proxy 转发 搞定 post 超时

2018-11-14

总结: http-proxy-middleware 转发 post 请求 有问题，没找到问题所在，换 express-http-proxy 代理。

前后端独立开发，静态文件、模板等 前端express服务提供。
后端负责接口。
前端开发 转发 ajax 到 测试服务器或者开发服务器。

首先 http-proxy-middleware 中间件转发：

server.js

const express = require('express');
const timeout = require('connect-timeout');
const proxy = require('http-proxy-middleware');

const app = express();
// 这里从环境变量读取配置，方便命令行启动
// HOST 指目标地址
// PORT 服务端口
const { HOST = 'http://xx.xx.xx.xx:8081', PORT = '9090' } = process.env;

// 超时时间
const TIME_OUT = 3000 * 1e3;

// 设置端口
app.set('port', PORT);


设置超时 返回超时响应
app.use(timeout(TIME_OUT));
app.use((req, res, next) => {
  if (!req.timedout) next();
});

// 静态页面
// 这里一般设置你的静态资源路径
app.use('/', express.static('static'));

// 反向代理（这里把需要进行反代的路径配置到这里即可）
let opts = {
   target: HOST , 
   changeOrigin: true,
}
app.use(proxy('/api', opts));
app.use(proxy('/fmcp/api', opts));
app.use(proxy('/bill-template/api', opts));
app.use(proxy('/metadata-service', opts));


// 监听端口
app.listen(app.get('port'), () => {
  console.log(`server running @${app.get('port')}`);
});

这个http-proxy-middleware 转发get请求没问题，测试post接口的时候503超时，想着是post数据的问题解析的问题，于是引入了body-parser，也没搞定，不知道什么原因。

换了 express-http-proxy 代理试了下。用法上有些不同。

const express = require('express');
const timeout = require('connect-timeout');
// 换代理中间件
const proxy = require('express-http-proxy');

const app = express();
// 这里从环境变量读取配置，方便命令行启动
// HOST 指目标地址
// PORT 服务端口
const { HOST = 'http://xx.xx.xx.xx:8081', PORT = '9090' } = process.env;

// 超时时间
const TIME_OUT = 3000 * 1e3;

// 设置端口
app.set('port', PORT);


// 设置超时 返回超时响应
// app.use(timeout(TIME_OUT));
app.use((req, res, next) => {
  if (!req.timedout) next();
});

// 静态页面
// 这里一般设置你的静态资源路径
app.use('/', express.static('static'));

// 反向代理（这里把需要进行反代的路径配置到这里即可）
let opts = {
  preserveHostHdr: true,
  reqAsBuffer: true,
//转发之前触发该方法
  proxyReqPathResolver: function(req, res) {
    //这个代理会把匹配到的url（下面的 ‘/api’等）去掉，转发过去直接404，这里手动加回来，
    req.url = req.baseUrl+req.url;
    console.log(1,req)
    return require('url').parse(req.url).path;
  },

}
app.use('/api', proxy(HOST,opts));
app.use('/fmcp/api', proxy(HOST,opts));
app.use('/bill-template/api', proxy(HOST,opts));

// 监听端口
app.listen(app.get('port'), () => {
  console.log(`server running @${app.get('port')}`);
});

这个 get post 都没问题。

总结: http-proxy-middleware 转发 post 请求 有问题，没找到问题所在，换 express-http-proxy 代理。