node.js – 带有NGINX proxy_pass的Webpack Dev Server

我正在尝试让webpack-dev-server在Docker容器内运行,然后通过Nginx主机访问它.最初的index.html加载,但与dev服务器的Web套接字连接无法连接.

我正在使用以下配置.

@H_827_10@map $http_upgrade $connection_upgrade { default upgrade; '' close; } upstream webpack_dev_server { server node; } server { server_name _; listen 80; root /webpack_dev_server; LOCATIOn / { proxy_pass http://webpack_dev_server; } LOCATIOn /sockjs-node/ { proxy_pass http://webpack_dev_server/sockjs-node/; proxy_set_header X-ForWARDed-For $proxy_add_x_forWARDed_for; proxy_set_header Host $host; # pass the host header - http://wiki.Nginx.org/httpProxymodule#proxy_pass proxy_http_version 1.1; # recommended with keepalive connections - http://Nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_http_version # WebSocket proxying - from http://Nginx.org/en/docs/http/websocket.html proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection $connection_upgrade; } }

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";
}

watchOptions: {
    aggregateTimeout: 300,poll: 1000
  }