Webpack Dev Server with NGINX proxy_pass

by

Proxy pass should be ip and port of your webpack-dev-server container and you need proxy_redirect off;

location /sockjs-node {
    proxy_set_header X-Real-IP  $remote_addr;
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header Host $host;

    proxy_pass http://node:8080; 

    proxy_redirect off;

    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

Also don’t forget to add poll to your webpack-dev middleware

  watchOptions: {
    aggregateTimeout: 300,
    poll: 1000
  }

Leave a Comment