将服务工作者与Docker容器内的Webpack开发服务器一起使用

Question

我正在尝试使用Webpack和Docker在Web应用程序内使用服务人员。

我目前所做的一切都运行良好（服务人员，webpack配置，人员注册...）

实际上，我的应用程序是在Docker容器中运行的，在这个容器中，我可以启动Webpack构建来创建所有JS文件。

但是现在我希望能够与服务工作者一起使用webpack开发服务器和HMR。

为此，我使用了https://github.com/oliviertassinari/serviceworker-webpack-plugin，它可以正确地在manifest.json

然后，当我通过Web浏览器访问我的应用程序时，除了我的工作人员外，所有已建资产都被找到。

我在docker容器中使用（我使用webpack-encore）运行我的开发服务器

encore dev-server --hot --host 0.0.0.0 --port 8080

要加载我的资产浏览器请求他们0.0.0.0:8080，但我的工人被注册localhost:8000，因此请求，因为工人所在与404错误失败0.0.0.0:8080/sw.js，而不是localhost:8080/sw.js。

我想知道是否有可能解决此问题并使我的服务工作者在docker容器上的webpack-dev-server内部工作。

我知道服务人员仅在侦听他们的范围，localhost:8000/*但对于我来说，webpack-dev-server是0.0.0.0:8080。

这就是为什么我问是否有可能更改此行为以使其起作用，以及是否有人已经存在此问题的原因。

谢谢

Answer 1

您需要从 Docker 容器公开端口 8000 以及端口 8080。您必须从 Docker 容器公开多个端口，以用于不同端口上的多个 Web 服务。

docker run -p 8080:8080 -p 8000:8000

官方文档