WebPack 3 DevServer热模块通过Apache mod_proxy替换

Question

我有一个项目，我们将WebPack的DevServer用于本地开发。我们还有实时重新加载的热模块替换：热模块替换

我们的前端在Docker中运行。在那个前端，我们还拥有Apache的Mod_proxy。想法是让所有HTTP调用都通过mod_proxy进行。因此，浏览器将将HTTP发送到MOD_PROXY，然后将代理到前端。这可以很好地工作，而无需更换热模块。但是由于某种原因，我们无法获得热模块更换工作。我想这是因为热模块替换使用Web插座，而默认情况下不启用Apache的Mod_proxy的Web套接字呼叫？

有人能够实现这一目标吗？您是如何设法做到的？DevServer/Hot模块更换需要哪些配置？您是否使用Apache的Mod_proxy Web套接字隧道：MOD_PROXY_WSTUNNEL，您是如何配置它的？您不需要回答之前列出的所有子问题，我只需要有关如何使其工作的信息。

Answer 1

a。是的。我可以在Apache2

中使用以下配置来处理此功能

<Location /sockjs-node>
        RequestHeader set Host "localhost:4200"
        RequestHeader set Origin "http://localhost:4200"
        ProxyPass ws://localhost:4200/sockjs-node
        ProxyPassReverse ws://localhost:4200/sockjs-node
        CacheDisable on
</Location>
<Location /sockjs-node/info>
        ProxyPass http://localhost:4200/sockjs-node/info
        ProxyPassReverse http://localhost:4200/sockjs-node/info
        CacheDisable on
</Location>

b。我的apache2服务器具有mod_proxy和mod_proxy_wstunnel启用。

c。我正在为我的Angular 7开发使用此配置。