javascript - Custom response with http-proxy-middleware package - Stack Overflow

admin管理员组

文章数量:1402217

In our project we're using the "http-proxy-middleware"() npm package for proxy.

There is the "onProxyRes" function to subscribe to http-proxy's event.

And there is an example of that function:

function onProxyRes(proxyRes, req, res) {
  proxyRes.headers['x-added'] = 'foobar' // add new header to response
  delete proxyRes.headers['x-removed'] // remove header from response
}

I'm just interesting is it possible somehow based on proxyRes write changed response in res object and do not copy data directly from proxyRes object?

Just example:

proxyRes(readable stream contains the following data: {"url": "http://domain/test"}, I'd like to modify that response and have res with data like that: {{"url": "http://changedDomain/test"}} and do not copy data from proxyRes directly

In our project we're using the "http-proxy-middleware"(https://www.npmjs./package/http-proxy-middleware) npm package for proxy.

There is the "onProxyRes" function to subscribe to http-proxy's event.

And there is an example of that function:

function onProxyRes(proxyRes, req, res) {
  proxyRes.headers['x-added'] = 'foobar' // add new header to response
  delete proxyRes.headers['x-removed'] // remove header from response
}

I'm just interesting is it possible somehow based on proxyRes write changed response in res object and do not copy data directly from proxyRes object?

Just example:

proxyRes(readable stream contains the following data: {"url": "http://domain/test"}, I'd like to modify that response and have res with data like that: {{"url": "http://changedDomain/test"}} and do not copy data from proxyRes directly

• javascript
• node.js

Share Improve this question Follow edited Jan 2, 2019 at 11:21 Eugene Rotar asked Jan 2, 2019 at 11:16 Eugene RotarEugene Rotar 9311 gold badge22 silver badges99 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

Maybe it looks ugly little bit, but I'm able to manage that with the following code:

function onProxyRes(proxyResponse, request, serverResponse) {
  var body = "";
  var _write = serverResponse.write;
  proxyResponse.on('data', function (chunk) {
    body += chunk;
  });

  serverResponse.write = function (data) {
    try{
      var jsonData = JSON.parse(data);
      // here we can modify jsonData
      var buf = Buffer.from(JSON.stringify(jsonData), 'utf-8');
      _write.call(serverResponse,buf);
    } catch (err) {
      console.log(err);
    }
  }

}

I don't think it's necessary to copy data to res as proxyRes already has changedDomain. Here is the set up I implemented:

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

const app = express();

app.use('/api', httpProxy({ target : 'sometarget.', changeOrigin : true, onProxyRes})

function onProxyRes (proxyResponse, request, response) {
  console.log('proxyResponse', proxyResponse.headers);  
  console.log('response', response.headers);
}

// Results
/*
proxyResponse { date: 'Wed, 02 Jan 2019 12:06:40 GMT',
  server: 'Apache',
  location: 'http://sometarget./api',
  'cache-control': 'max-age=30',
  expires: 'Wed, 02 Jan 2019 12:07:10 GMT',
  'content-length': '231',
  connection: 'close',
  'content-type': 'text/html; charset=iso-8859-1' }
response undefined
*/

Everything you'll need will be in proxyRes unless you have a specific use for response...

本文标签： javascriptCustom response with httpproxymiddleware packageStack Overflow