首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >转发热模块-请求通过nginx,在Docker中

转发热模块-请求通过nginx,在Docker中
EN

Stack Overflow用户
提问于 2018-07-10 04:27:58
回答 1查看 1.8K关注 0票数 2

我正在做一个webpack应用程序的文档化工作,它支持热模块替换。由于我添加了一个nginx前端,我很难获得热模块替换连接。Nginx提供页面,但是js包无法连接到在另一个Docker容器中运行的webpack-dev-server

我认为问题可能源于域解析问题(在Docker容器和nginx之间),或者请求缺少正确的升级/主机头。

此项目的源代码就在这里

我在这个项目中有两个码头集装箱:

  • app-webpack -服务于网站的webpack-dev-server
  • app-nginx -反向代理

我的nginx配置文件在docker/nginx中。

理想情况下,用户转到localhost,其中nginx获取并重定向到app-webapp:3000。webpack开发服务器然后通过socketjs-node套接字地址发送热模块替换代码,页面在本地更新。

我已经确认,app-webpack容器可以为具有HMR功能的页面服务。

谢谢您的帮助,如果我能提供更多的信息,请告诉我!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-07-13 19:42:45

这需要一些修补,但事实证明,我是不正确地升级标题。对于将来引用这一点的任何人,请查看链接回购以获得完整的源代码。

这是我的etc/nginx/nginx.conf

代码语言:javascript
运行
复制
user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile on;
    keepalive_timeout 65;

    # The server settings
    include /etc/nginx/conf.d/*.conf;
}

etc/nginx/conf.d/default.conf/

代码语言:javascript
运行
复制
# If we receive X-Forwarded-Proto, pass it through; otherwise, pass along the
# scheme used to connect to this server
map $http_x_forwarded_proto $proxy_x_forwarded_proto {
  default $http_x_forwarded_proto;
  ''      $scheme;
}

# If we receive X-Forwarded-Port, pass it through; otherwise, pass along the
# server port the client connected to
map $http_x_forwarded_port $proxy_x_forwarded_port {
  default $http_x_forwarded_port;
  ''      $server_port;
}

# If we receive Upgrade, set Connection to "upgrade"; otherwise, delete any
# Connection header that may have been passed to this server
map $http_upgrade $proxy_connection {
  default upgrade;
  '' close;
}

# Apply fix for very long server names
server_names_hash_bucket_size 128;

# Set appropriate X-Forwarded-Ssl header
map $scheme $proxy_x_forwarded_ssl {
  default off;
  https off;
}

gzip_types text/plain text/css application/javascript application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
log_format vhost '$host $remote_addr - $remote_user [$time_local] '
                 '"$request" $status $body_bytes_sent '
                 '"$http_referer" "$http_user_agent"';

# HTTP 1.1 support
proxy_http_version 1.1;
proxy_buffering off;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $proxy_connection;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $proxy_x_forwarded_proto;
proxy_set_header X-Forwarded-Ssl $proxy_x_forwarded_ssl;
proxy_set_header X-Forwarded-Port $proxy_x_forwarded_port;

# Mitigate httpoxy attack (see README for details)
proxy_set_header Proxy "";

server {
    server_name _; # This is just an invalid value which will never trigger on a real hostname.
    listen 80;
}

server {
    server_name localhost;
    listen 80;

    location /sockjs-node/ {
        proxy_pass https://app-webapp:3000/sockjs-node/;
    }

    location / {
        proxy_pass http://app-webapp:3000;
    }
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51257277

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档