Proxing to local https server with self signed cert

Expected behavior

just proxing requests to the api.

Actual behavior

I get 404 response when insecure proxy is set to the existing resource

Setup

• http-proxy-middleware: 0.9.1
• server: browser-sync: 2.15.0

proxy middleware configuration

var proxyMiddleware = require('http-proxy-middleware');
var proxyURL = 'https://portal.dev'; //this is my dev env, running on docker
var authProxy = proxyMiddleware('/rest', {target: proxyURL, secure: false, logLevel: 'debug'});

server mounting

browserSync.init({
              logLevel: "debug",
              https: true, //also tried while it was set to false
              server: {
                  baseDir: outputDir,
                  middleware: [authProxy]
              }             
          });

the logs

[HPM] Context match: "/rest" -> "/rest/version"
[HPM] Proxying "/rest/version": "undefined" -> "https://portal.dev"

the chrome console log:

Failed to load resource: the server responded with a status of 404 (Not Found)

the proxy itself setting is ok, if I change to:

var authProxy = proxyMiddleware('/rest', {target: proxyURL, secure: true, logLevel: 'debug'});

then I get different error which is expected:

[HPM] Context match: "/rest" -> "/rest/version"
[HPM] Proxying "/rest/version": "undefined" -> "https://portal.dev"
[HPM] Proxy error: SELF_SIGNED_CERT_IN_CHAIN. localhost:3000 -> "portal.dev/rest/version"

just to make sure it should work

$ curl https://portal.dev/rest/version --insecure
{"version":"82859f14"}

[kotfilemon]

we found it.

// modify some webpack config options
    var proxy = {
                   '/rest': {
                      target : {
                        host: 'portal.dev',
                        protocol: 'https',
                        port: 80
                        },
                      ignorePath: false,
                      changeOrigin: true,
                      secure: false
                    }
                };
    var myConfig = Object.create(webpackConfig);
    myConfig.devtool = "eval";
    myConfig.debug = true;
    myConfig.proxy = proxy;
    // Start a webpack-dev-server
    new WebpackDevServer(webpack(myConfig), {
        contentBase: "./dist",
        proxy: proxy,
        stats: {
            colors: true
        }
    }).listen(8888, "localhost", function(err) {
        if (err) throw new gutil.PluginError("webpack-dev-server", err);
        gutil.log("[webpack-dev-server]", "http://localhost:8888/webpack-dev-server/index.html");
    });

ignorePath has to be set to false.

thanks for Your interest. 😉

[kotfilemon]

I also tried with webpack-dev-server (with http-proxy-middleware updated), which also uses http-proxy-middleware

configuration:

var proxy = {
                      '/rest': {
                        target: 'https://portal.dev',
                        secure: false
                      }
                    };
    var myConfig = Object.create(webpackConfig);
    myConfig.devtool = "eval";
    myConfig.debug = true;
    myConfig.proxy = proxy;
    // Start a webpack-dev-server
    new WebpackDevServer(webpack(myConfig), {

        contentBase: "./dist",
        proxy: proxy,
        stats: {
            colors: true
        }
    }).listen(8888, "localhost", function(err) {
        if (err) throw new gutil.PluginError("webpack-dev-server", err);
        gutil.log("[webpack-dev-server]", "http://localhost:8888/webpack-dev-server/index.html");
    });

log:

[HPM] Proxy created: /rest  ->  https://portal.dev

same stuff in the browser I see that resource was not found, erorr 404.