Does it support proxy config like webpack-dev-server?

[libertyAlone]

Does it support proxy config like webpack-dev-server?

[sunyang713]

unfortunately not, you're probably gonna have to use some proxy wrapper like https://github.com/nodejitsu/node-http-proxy

Here's the code that worked for me:

var express = require("express");
var httpProxy = require("http-proxy");
var webpack = require("webpack");
var webpackDevMiddleware = require("webpack-dev-middleware");
var webpackHotMiddleware = require("webpack-hot-middleware");
var webpackConfig = require("./webpack.config");


  var app = express();
  var apiProxy = httpProxy.createProxyServer();
  var compiler = webpack(webpackConfig);

  // Start a webpack-dev-server
  app.use(webpackDevMiddleware(compiler, {
    // server and middleware options
    publicPath: webpackConfigDev.output.publicPath,
  }));

  // Enables HMR
  app.use(webpackHotMiddleware(compiler));

  // Proxy api requests
  app.use("/api/*", function(req, res) {
    req.url = req.baseUrl; // Janky hack...
    apiProxy.web(req, res, {
      target: {
        port: 5000,
        host: "localhost"
      }
    });
  });

  app.listen(8080, "localhost");

P.S., use three back ticks to write code! the key next to the number 1.

[ioloie]

Here's how I did it for my gulp dev server. Turned out to be much simpler than messing about with streams etc. For builds then I either use webpack directly or via webpack-stream (haven't decided yet)

var connect = require('gulp-connect'),
    gulp = require('gulp'),
    proxy = require('http-proxy-middleware'),
    webpackDevMiddleware = require('webpack-dev-middleware'),
    webpackStream = require('webpack-stream'),
    webpack = require('webpack');

var compiler = webpack({
  // config
});

gulp.task('connect', function () {
  connect.server({
    root: ['build'],
    port: userConfig.port || 8000,
    livereload: true,
    middleware: function () {
      var devPack = webpackDevMiddleware(compiler, {
        publicPath: '/assets/',
        headers: {
          "X-webpack-dev": "true"
        },
        stats: {
          colors: true,
          timings: true
        },
        noInfo: true
      });

      var endpoints = [
        '/api',
        '/content',
      ];

      var p = proxy(endpoints, {
        target: userConfig.apiHost,
        ws: true,
        logLevel: 'error',
        changeOrigin: true   // for vhosted sites, changes host header to match to target's host
      });
      return [devPack, p ];
    },
    fallback: './build/index.html'
  });
});

[SpaceK33z]

The questions above already provide a clear answer, but note that you can also look into the code of the webpack-dev-server to see how this handled, and implement it like that.

[YutHelloWorld]

you can use chimurai / http-proxy-middleware for http-proxy