POST request body is not proxied to the servers

[dejewi]

I have in my backend defined:

var proxy = proxyMiddleware('/api', {
        target: 'http://somehost.zero',
        proxyTable: {
            '/api/one': 'http://somehost.one',
            '/api/two': 'http://somehost.two',
        }
    });
app.use(proxy);

and when I'm proxing POST request (lets say to the '/api/one': 'http://somehost.one' ) I don't know why but server http://somehost.one get request without body.

Did you had similar problem?

[chimurai]

I haven't tested the proxyTable option with POST requests yet.

Which version of http-proxy-middleware are you using?
And which server/version do you use? (connect, express or something else?)

Could you provide an example to show this problem?
This will speed up the debugging process.

[dejewi]

Hi,
I use:
"express": "~4.0.0",
"http-proxy-middleware": "^0.9.0",

[dejewi]

Here is example
https://github.com/dejewi/proxy-bug

[chimurai]

Thanks.

How does your post request (url) look like?

[3goats]

Hi, I'm seeing this issue too using browsersync.

var proxy = proxyMiddleware('/api', {
  target: 'https://xxx.xxx.xxx.xxx',
  changeOrigin: true,    // for vhosted sites, changes host header to match to target's host
  secure: false
});

My API does not appear to get the body:

POST https://xxx.xxx.xxx.xxx/api/authorize/ 415 (Unsupported Media Type)

[dejewi]

@chimurai it looks like:
POST http://my.app.host:2000/api/operation/zero/minus/something/else
or
POST http://my.app.host:2000/api/one/something

and in both cases data which I'm sending is:
{something: 'one', else: 'two'}

[3goats]

Sorry - do you mean this works for you or am I doing something wrong with my post request ?

[chimurai]

Did a little test and I am able to receive POST data at the target server.

I noticed you are using the body-parser middleware:
https://github.com/dejewi/proxy-bug/blob/master/app.js#L16

Option 1:
You might want to change to order of the middlwares you are using.
Try moving the http-proxy-middleware above the body-parser

source: http://stackoverflow.com/a/25651651/3841188

Option 2:
Use fixRequestBody:

import { createProxyMiddleware, fixRequestBody } from 'http-proxy-middleware';

createProxyMiddleware({ 
  target: 'http://example.com', 
  on: { 
    proxyReq: fixRequestBody, 
  } 
}); 

Hope this solves the issue.

[dejewi]

Yes, this solved my problem. Thank you very much for your help.

[yousefamar]

Apologies for resurrecting this, but anybody aware of another way to avoid this issue when you can't change the order of middleware (e.g. if you're adding proxies at runtime)?

[IrynaBu]

The same question :)

[rabbit-will-run]

I'm having this same (or a very similar) problem when using browser-sync with http-proxy-middleware. The middleware is moving my POST request to a GET request using x-www-form-urlencoded, which is being rejected by the server.