Как правильно поднимать Docker на WSL Ubuntu и подключаться к нему из браузера в Windows?

Question

[Boris007]

Есть докер файл, который находится в WSL Ubuntu

FROM node:20
WORKDIR /app
COPY package*.json .
RUN npm install
COPY . .
CMD ["npm", "run", "dev"]
EXPOSE 5173

Собрал
docker build -t test .

Запустил
docker run -p 5173:5173 test

Выдало сообщение в консоли

> react@0.0.0 dev
> vite


  VITE v4.4.9  ready in 544 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose

В Windowsиз браузера делаю запрос на http://localhost:5173/

Выдает классическую ошибку, когда сервер не запущен

Страница недоступна
Сайт localhost не отправил данных.
ERR_EMPTY_RESPONSE

Как мне запустить на WSL Ubuntu Docker образ так, чтобы я мог из браузера в Windowsподключиться к серверу http://localhost:5173?

Comments

[Дмитрий]

На винде можно просто поставить docker-desktop он через wsl может работать, в разы проще все станет

[Boris007]

Дмитрий, т.е. с десктопа запускать докер файлы, которые на wsl?

[Дмитрий]

Boris007, да просто потом пускать с консоли можно через повершел, по старинке

[Boris007]

Дмитрий, а как найти список образов докера из wsl в докере на винде?
У меня там пустой список на десктопе, хотя на wsl 5 образов лежал

[Дмитрий]

Boris007, да я про то , что докеры не в всл, а в винде лежат, а запускаются они через него

Answer 1

[Максим Д.]

При использовании дистрибутива WSL 1, если к компьютеру можно получить доступ из локальной сети, то приложения, работающие в WSL, могут быть также доступны в локальной сети.

Это нетипичная ситуация в WSL 2. В WSL 2 имеется виртуализированный адаптер Ethernet с собственным уникальным IP-адресом. В настоящее время для включения этого рабочего процесса необходимо выполнить те же действия, что и для обычной виртуальной машины.

Ниже приведен пример использования команды Portproxy интерфейса Netsh для добавления прокси-сервера порта, прослушивающего порт узла и подключающего прокси-сервер порта к IP-адресу виртуальной машины WSL 2.

netsh interface portproxy add v4tov4 listenport=<yourPortToForward> listenaddress=0.0.0.0 connectport=<yourPortToConnectToInWSL> connectaddress=(wsl hostname -I)

Источник

Comments

[Boris007]

Какой из адресов надо вводить?
wsl hostname -I выдает
172.27.17.163 172.18.0.1 172.19.0.1 172.17.0.1
Или любой?

После выполнения команды так же не подключается

netsh interface portproxy add v4tov4 listenport=5173 listenaddress=0.0.0.0 connectport=5173 connectaddress=172.27.17.163

[Максим Д.]

Boris007, настройки после выполнения команды должны сохраняться. Лично я настраивал WSL 2 в режиме моста (чтобы не пробрасывать порт и хост с WSL имели адреса в одной подсети). Но не могу найти эту инструкцию

[Максим Д.]

Boris007, введите в WSL команду ifconfig, что выдаст? попробуйте использовать этот адрес в команде. Подключайтесь не к localhost, а к адресу вида 172.17.0.1:5173 (в зависимости от того, какой айпи у WSL)

[Boris007]

maximq,

br-71df7afa75bc: flags=4099<UP,BROADCAST,MULTICAST>  mtu 1500
        inet 172.18.0.1  netmask 255.255.0.0  broadcast 172.18.255.255
        ether 02:42:3a:f5:6b:db  txqueuelen 0  (Ethernet)
        RX packets 0  bytes 0 (0.0 B)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 0  bytes 0 (0.0 B)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

br-9939a4bb9812: flags=4099<UP,BROADCAST,MULTICAST>  mtu 1500
        inet 172.19.0.1  netmask 255.255.0.0  broadcast 172.19.255.255
        ether 02:42:02:c8:5a:1e  txqueuelen 0  (Ethernet)
        RX packets 0  bytes 0 (0.0 B)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 0  bytes 0 (0.0 B)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

docker0: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 172.17.0.1  netmask 255.255.0.0  broadcast 172.17.255.255
        inet6 fe80::42:47ff:fe15:9a27  prefixlen 64  scopeid 0x20<link>
        ether 02:42:47:15:9a:27  txqueuelen 0  (Ethernet)
        RX packets 341  bytes 21216 (21.2 KB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 604  bytes 2242283 (2.2 MB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

eth0: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet 172.27.17.163  netmask 255.255.240.0  broadcast 172.27.31.255
        inet6 fe80::215:5dff:fe7b:22cb  prefixlen 64  scopeid 0x20<link>
        ether 00:15:5d:7b:22:cb  txqueuelen 1000  (Ethernet)
        RX packets 2423  bytes 3011356 (3.0 MB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 668  bytes 92730 (92.7 KB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

lo: flags=73<UP,LOOPBACK,RUNNING>  mtu 65536
        inet 127.0.0.1  netmask 255.0.0.0
        inet6 ::1  prefixlen 128  scopeid 0x10<host>
        loop  txqueuelen 1000  (Local Loopback)
        RX packets 7928  bytes 16208116 (16.2 MB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 7928  bytes 16208116 (16.2 MB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

veth7018d73: flags=4163<UP,BROADCAST,RUNNING,MULTICAST>  mtu 1500
        inet6 fe80::51:23ff:fee9:64f1  prefixlen 64  scopeid 0x20<link>
        ether 02:51:23:e9:64:f1  txqueuelen 0  (Ethernet)
        RX packets 341  bytes 25990 (25.9 KB)
        RX errors 0  dropped 0  overruns 0  frame 0
        TX packets 618  bytes 2243359 (2.2 MB)
        TX errors 0  dropped 0 overruns 0  carrier 0  collisions 0

По адресу 172.17.0.1:5173

Не удается получить доступ к сайту
Превышено время ожидания ответа от сайта 172.17.0.1.

[Максим Д.]

Используйте адрес, получаемый eth0, в данном случае 172.27.17.163

[Boris007]

maximq,
Выполнил команду

netsh interface portproxy add v4tov4 listenport=5173 listenaddress=0.0.0.0 connectport=5173 connectaddress=172.27.17.163

Но по адресу http://172.27.17.163:5173/
Так же

Не удается получить доступ к сайту
Сайт 172.27.17.163 не позволяет установить соединение

[Boris007]

maximq, после всех этих манипуляций у меня теперь обычные сервера без докера не видит браузер на localhost:5173
Можно сделать как-то общее прослушивание докера и wsl?

[Максим Д.]

Boris007,
если хотите удалить правило используйте

netsh interface portproxy delete v4tov4 listenport=5173 listenaddress=0.0.0.0

wsl какой версии вы используете? wsl -l -v