angularjs - Webpack not accepting POST requests

Question

I'm currently working on an Angular 2 web application which communicates with an API. In the application the user is able to choose a payment option and the API will return the url to the payment service.

The problem is that the payment service uses POST to go to the confirmation page which WebPack does not accept (for some reason it only allows GET requests) and we get the following error:

Cannot POST /selection/payment-method

Does anybody know how we could configure that WebPack allows POST requests also? I've contacted the payment provider but it is not possible to do a GET request instead of POST.

Thanks

Answer 1

Based on @Sven's answer, modification to the setup so that it works for POST all throughout

Add dependencies on body-parser, sync-request and add require dependencies on both in your webpack.config.js

var bodyParser = require('body-parser');
var request = require('sync-request');

In devServer part of webpack.config.js

devServer: {
        setup: function(app) {
            app.use(bodyParser.json());
            app.use(bodyParser.urlencoded({
                extended: true
            }));

            app.post(/^/(URL1|URL2|URL3)//, function(req, res) {
                var serviceCallResponse = request('POST', 'your app server url here' + req.originalUrl, {
                    json:req.body
                });
                res.send(serviceCallResponse.getBody('utf8'));
            });
        },
        proxy: {
            '*/other URLs proxy/*': 'your app server url here'
        }
}

Change URL1/2 to the URLs you want to proxy and you place your app servers address.

This will work for all sorts of POST request proxy (working on json payload)