Adding custom headers about webpack-plugin-serve HOT 6 CLOSED

@kurtextrem great question, thanks for opening an issue about it. webpack-dev-server's headers option is some abstract sugar on top of express. While it's used, we determined it wasn't widely used. Since we run Koa under the hood in this plugin, it's very easy to wire up and has no restrictions on how you specify headers. Here's one way to accomplish this:

// webpack.config.js
module.exports = {
  plugins: [
    new WebpackPluginServe({
      middleware: (app, builtins) =>
        app.use(async (ctx, next) => {
          await next();
          ctx.set('X-Superhero', 'batman');
        })
    })
  ]
};

We'll add this as a recipe in as soon as we're able to. I'll also create a voting issue for direct support of an option for this, and if it reaches enough votes, we'll add a formal option for headers.

from webpack-plugin-serve.

Or you can use the proxy middleware and add any header when it gets the result from your api/mocked api.

module.exports = {
  ...,
  plugins: [
    new WebpackPluginServe({
      middleware: (app, builtins) => {
        app.use(builtins.proxy('/api', { 
          target: 'http://10.10.10.1:1337',
          onProxyRes: (proxyRes, req, res) => {
            proxyRes.headers['x-added'] = 'foobar' // add new header to response
          }
        }));
      }
    })
  ]
};

if you need headers in any other lifecycle, you can check the http-proxy-middleware docs to see the other methods.

from webpack-plugin-serve.

Thank you Andrew and @playma256 for the quick answers. Really helpful!

from webpack-plugin-serve.

I have created a voting issue for the feature in #37

from webpack-plugin-serve.

Gonna close this one as resolved for now, but will reopen if anyone requests it.

from webpack-plugin-serve.

Added a recipe for this to our documentation in 2636d30

from webpack-plugin-serve.