Local Docker Network Config Bug

[JoelGotsch]

First Check

• I added a very descriptive title here.
• I used the GitHub search to find a similar question and didn't find it.
• I searched in the documentation/README.
• I already searched in Google "How to do X" and didn't find any information.
• I already read and followed all the tutorial in the docs/README and didn't find an answer.

Commit to Help

• I commit to help with one of those options 👆

Example Code

docker compose up

Description

Steps to reproduce:

• Clone github project
• run docker compose up
• open localhost in new (private) tab
• try to login
  => this results in a ServerTimeOut.

Logs:

frontend-1  | 172.25.0.4 - - [26/Apr/2024:09:00:41 +0000] "GET /vite.svg HTTP/1.1" 200 479 "http://localhost/login" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36" "172.25.0.1"
proxy-1     | 172.25.0.1 - - [26/Apr/2024:09:00:41 +0000] "GET /vite.svg HTTP/1.1" 200 479 "-" "-" 5 "full-stack-fastapi-project-frontend-http@docker" "http://172.25.0.2:80" 0ms
proxy-1     | time="2024-04-26T09:01:05Z" level=debug msg="vulcand/oxy/roundrobin/rr: begin ServeHttp on request" Request="{\"Method\":\"POST\",\"URL\":{\"Scheme\":\"\",\"Opaque\":\"\",\"User\":null,\"Host\":\"\",\"Path\":\"/api/v1/login/access-token\",\"RawPath\":\"\",\"ForceQuery\":false,\"RawQuery\":\"\",\"Fragment\":\"\",\"RawFragment\":\"\"},\"Proto\":\"HTTP/1.1\",\"ProtoMajor\":1,\"ProtoMinor\":1,\"Header\":{\"Accept\":[\"application/json\"],\"Accept-Encoding\":[\"gzip, deflate, br, zstd\"],\"Accept-Language\":[\"de-DE,de\"],\"Connection\":[\"keep-alive\"],\"Content-Length\":[\"261\"],\"Content-Type\":[\"multipart/form-data; boundary=----WebKitFormBoundarymaoAVyzmeJ2geap1\"],\"Origin\":[\"http://localhost\"],\"Referer\":[\"http://localhost/login\"],\"Sec-Ch-Ua\":[\"\\\"Chromium\\\";v=\\\"124\\\", \\\"Brave\\\";v=\\\"124\\\", \\\"Not-A.Brand\\\";v=\\\"99\\\"\"],\"Sec-Ch-Ua-Mobile\":[\"?0\"],\"Sec-Ch-Ua-Platform\":[\"\\\"Windows\\\"\"],\"Sec-Fetch-Dest\":[\"empty\"],\"Sec-Fetch-Mode\":[\"cors\"],\"Sec-Fetch-Site\":[\"same-origin\"],\"Sec-Gpc\":[\"1\"],\"User-Agent\":[\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\"],\"X-Forwarded-Host\":[\"localhost\"],\"X-Forwarded-Port\":[\"80\"],\"X-Forwarded-Proto\":[\"http\"],\"X-Forwarded-Server\":[\"b4aa1204fe21\"],\"X-Real-Ip\":[\"172.25.0.1\"]},\"ContentLength\":261,\"TransferEncoding\":null,\"Host\":\"localhost\",\"Form\":null,\"PostForm\":null,\"MultipartForm\":null,\"Trailer\":null,\"RemoteAddr\":\"172.25.0.1:36460\",\"RequestURI\":\"/api/v1/login/access-token\",\"TLS\":null}"
proxy-1     | time="2024-04-26T09:01:05Z" level=debug msg="vulcand/oxy/roundrobin/rr: Forwarding this request to URL" Request="{\"Method\":\"POST\",\"URL\":{\"Scheme\":\"\",\"Opaque\":\"\",\"User\":null,\"Host\":\"\",\"Path\":\"/api/v1/login/access-token\",\"RawPath\":\"\",\"ForceQuery\":false,\"RawQuery\":\"\",\"Fragment\":\"\",\"RawFragment\":\"\"},\"Proto\":\"HTTP/1.1\",\"ProtoMajor\":1,\"ProtoMinor\":1,\"Header\":{\"Accept\":[\"application/json\"],\"Accept-Encoding\":[\"gzip, deflate, br, zstd\"],\"Accept-Language\":[\"de-DE,de\"],\"Connection\":[\"keep-alive\"],\"Content-Length\":[\"261\"],\"Content-Type\":[\"multipart/form-data; boundary=----WebKitFormBoundarymaoAVyzmeJ2geap1\"],\"Origin\":[\"http://localhost\"],\"Referer\":[\"http://localhost/login\"],\"Sec-Ch-Ua\":[\"\\\"Chromium\\\";v=\\\"124\\\", \\\"Brave\\\";v=\\\"124\\\", \\\"Not-A.Brand\\\";v=\\\"99\\\"\"],\"Sec-Ch-Ua-Mobile\":[\"?0\"],\"Sec-Ch-Ua-Platform\":[\"\\\"Windows\\\"\"],\"Sec-Fetch-Dest\":[\"empty\"],\"Sec-Fetch-Mode\":[\"cors\"],\"Sec-Fetch-Site\":[\"same-origin\"],\"Sec-Gpc\":[\"1\"],\"User-Agent\":[\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\"],\"X-Forwarded-Host\":[\"localhost\"],\"X-Forwarded-Port\":[\"80\"],\"X-Forwarded-Proto\":[\"http\"],\"X-Forwarded-Server\":[\"b4aa1204fe21\"],\"X-Real-Ip\":[\"172.25.0.1\"]},\"ContentLength\":261,\"TransferEncoding\":null,\"Host\":\"localhost\",\"Form\":null,\"PostForm\":null,\"MultipartForm\":null,\"Trailer\":null,\"RemoteAddr\":\"172.25.0.1:36460\",\"RequestURI\":\"/api/v1/login/access-token\",\"TLS\":null}" ForwardURL="http://172.26.0.4:80"
proxy-1     | time="2024-04-26T09:01:07Z" level=debug msg="vulcand/oxy/roundrobin/rr: begin ServeHttp on request" Request="{\"Method\":\"GET\",\"URL\":{\"Scheme\":\"\",\"Opaque\":\"\",\"User\":null,\"Host\":\"\",\"Path\":\"/api/v1/users/me\",\"RawPath\":\"\",\"ForceQuery\":false,\"RawQuery\":\"\",\"Fragment\":\"\",\"RawFragment\":\"\"},\"Proto\":\"HTTP/1.1\",\"ProtoMajor\":1,\"ProtoMinor\":1,\"Header\":{\"Accept\":[\"application/json\"],\"Accept-Encoding\":[\"gzip, deflate, br, zstd\"],\"Accept-Language\":[\"de-DE,de\"],\"Authorization\":[\"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTQ1ODgxNzcsInN1YiI6IjEifQ.2o8vTVxaXjeI9jiyKxCt6hTzj5W2so2VAgxBf3_5Ciw\"],\"Connection\":[\"keep-alive\"],\"Cookie\":[\"adminer_key=e4738270cdb72621f45d6656d6babc6c; adminer_sid=ct25st8p7o0p36od6s3sru5fsh; adminer_version=4.8.1\"],\"Referer\":[\"http://localhost/\"],\"Sec-Ch-Ua\":[\"\\\"Chromium\\\";v=\\\"124\\\", \\\"Brave\\\";v=\\\"124\\\", \\\"Not-A.Brand\\\";v=\\\"99\\\"\"],\"Sec-Ch-Ua-Mobile\":[\"?0\"],\"Sec-Ch-Ua-Platform\":[\"\\\"Windows\\\"\"],\"Sec-Fetch-Dest\":[\"empty\"],\"Sec-Fetch-Mode\":[\"cors\"],\"Sec-Fetch-Site\":[\"same-origin\"],\"Sec-Gpc\":[\"1\"],\"User-Agent\":[\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\"],\"X-Forwarded-Host\":[\"localhost\"],\"X-Forwarded-Port\":[\"80\"],\"X-Forwarded-Proto\":[\"http\"],\"X-Forwarded-Server\":[\"b4aa1204fe21\"],\"X-Real-Ip\":[\"172.25.0.1\"]},\"ContentLength\":0,\"TransferEncoding\":null,\"Host\":\"localhost\",\"Form\":null,\"PostForm\":null,\"MultipartForm\":null,\"Trailer\":null,\"RemoteAddr\":\"172.25.0.1:58980\",\"RequestURI\":\"/api/v1/users/me\",\"TLS\":null}"
proxy-1     | time="2024-04-26T09:01:07Z" level=debug msg="vulcand/oxy/roundrobin/rr: Forwarding this request to URL" Request="{\"Method\":\"GET\",\"URL\":{\"Scheme\":\"\",\"Opaque\":\"\",\"User\":null,\"Host\":\"\",\"Path\":\"/api/v1/users/me\",\"RawPath\":\"\",\"ForceQuery\":false,\"RawQuery\":\"\",\"Fragment\":\"\",\"RawFragment\":\"\"},\"Proto\":\"HTTP/1.1\",\"ProtoMajor\":1,\"ProtoMinor\":1,\"Header\":{\"Accept\":[\"application/json\"],\"Accept-Encoding\":[\"gzip, deflate, br, zstd\"],\"Accept-Language\":[\"de-DE,de\"],\"Authorization\":[\"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTQ1ODgxNzcsInN1YiI6IjEifQ.2o8vTVxaXjeI9jiyKxCt6hTzj5W2so2VAgxBf3_5Ciw\"],\"Connection\":[\"keep-alive\"],\"Cookie\":[\"adminer_key=e4738270cdb72621f45d6656d6babc6c; adminer_sid=ct25st8p7o0p36od6s3sru5fsh; adminer_version=4.8.1\"],\"Referer\":[\"http://localhost/\"],\"Sec-Ch-Ua\":[\"\\\"Chromium\\\";v=\\\"124\\\", \\\"Brave\\\";v=\\\"124\\\", \\\"Not-A.Brand\\\";v=\\\"99\\\"\"],\"Sec-Ch-Ua-Mobile\":[\"?0\"],\"Sec-Ch-Ua-Platform\":[\"\\\"Windows\\\"\"],\"Sec-Fetch-Dest\":[\"empty\"],\"Sec-Fetch-Mode\":[\"cors\"],\"Sec-Fetch-Site\":[\"same-origin\"],\"Sec-Gpc\":[\"1\"],\"User-Agent\":[\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\"],\"X-Forwarded-Host\":[\"localhost\"],\"X-Forwarded-Port\":[\"80\"],\"X-Forwarded-Proto\":[\"http\"],\"X-Forwarded-Server\":[\"b4aa1204fe21\"],\"X-Real-Ip\":[\"172.25.0.1\"]},\"ContentLength\":0,\"TransferEncoding\":null,\"Host\":\"localhost\",\"Form\":null,\"PostForm\":null,\"MultipartForm\":null,\"Trailer\":null,\"RemoteAddr\":\"172.25.0.1:58980\",\"RequestURI\":\"/api/v1/users/me\",\"TLS\":null}" ForwardURL="http://172.26.0.4:80"
proxy-1     | time="2024-04-26T09:01:35Z" level=debug msg="'504 Gateway Timeout' caused by: dial tcp 172.26.0.4:80: i/o timeout"
proxy-1     | time="2024-04-26T09:01:35Z" level=debug msg="vulcand/oxy/roundrobin/rr: completed ServeHttp on request" Request="{\"Method\":\"POST\",\"URL\":{\"Scheme\":\"\",\"Opaque\":\"\",\"User\":null,\"Host\":\"\",\"Path\":\"/api/v1/login/access-token\",\"RawPath\":\"\",\"ForceQuery\":false,\"RawQuery\":\"\",\"Fragment\":\"\",\"RawFragment\":\"\"},\"Proto\":\"HTTP/1.1\",\"ProtoMajor\":1,\"ProtoMinor\":1,\"Header\":{\"Accept\":[\"application/json\"],\"Accept-Encoding\":[\"gzip, deflate, br, zstd\"],\"Accept-Language\":[\"de-DE,de\"],\"Connection\":[\"keep-alive\"],\"Content-Length\":[\"261\"],\"Content-Type\":[\"multipart/form-data; boundary=----WebKitFormBoundarymaoAVyzmeJ2geap1\"],\"Origin\":[\"http://localhost\"],\"Referer\":[\"http://localhost/login\"],\"Sec-Ch-Ua\":[\"\\\"Chromium\\\";v=\\\"124\\\", \\\"Brave\\\";v=\\\"124\\\", \\\"Not-A.Brand\\\";v=\\\"99\\\"\"],\"Sec-Ch-Ua-Mobile\":[\"?0\"],\"Sec-Ch-Ua-Platform\":[\"\\\"Windows\\\"\"],\"Sec-Fetch-Dest\":[\"empty\"],\"Sec-Fetch-Mode\":[\"cors\"],\"Sec-Fetch-Site\":[\"same-origin\"],\"Sec-Gpc\":[\"1\"],\"User-Agent\":[\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\"],\"X-Forwarded-Host\":[\"localhost\"],\"X-Forwarded-Port\":[\"80\"],\"X-Forwarded-Proto\":[\"http\"],\"X-Forwarded-Server\":[\"b4aa1204fe21\"],\"X-Real-Ip\":[\"172.25.0.1\"]},\"ContentLength\":261,\"TransferEncoding\":null,\"Host\":\"localhost\",\"Form\":null,\"PostForm\":null,\"MultipartForm\":null,\"Trailer\":null,\"RemoteAddr\":\"172.25.0.1:36460\",\"RequestURI\":\"/api/v1/login/access-token\",\"TLS\":null}"
proxy-1     | 172.25.0.1 - - [26/Apr/2024:09:01:05 +0000] "POST /api/v1/login/access-token HTTP/1.1" 504 15 "-" "-" 6 "full-stack-fastapi-project-backend-http@docker" "http://172.26.0.4:80" 29999ms
proxy-1     | time="2024-04-26T09:01:37Z" level=debug msg="'504 Gateway Timeout' caused by: dial tcp 172.26.0.4:80: i/o timeout"
proxy-1     | time="2024-04-26T09:01:37Z" level=debug msg="vulcand/oxy/roundrobin/rr: completed ServeHttp on request" Request="{\"Method\":\"GET\",\"URL\":{\"Scheme\":\"\",\"Opaque\":\"\",\"User\":null,\"Host\":\"\",\"Path\":\"/api/v1/users/me\",\"RawPath\":\"\",\"ForceQuery\":false,\"RawQuery\":\"\",\"Fragment\":\"\",\"RawFragment\":\"\"},\"Proto\":\"HTTP/1.1\",\"ProtoMajor\":1,\"ProtoMinor\":1,\"Header\":{\"Accept\":[\"application/json\"],\"Accept-Encoding\":[\"gzip, deflate, br, zstd\"],\"Accept-Language\":[\"de-DE,de\"],\"Authorization\":[\"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTQ1ODgxNzcsInN1YiI6IjEifQ.2o8vTVxaXjeI9jiyKxCt6hTzj5W2so2VAgxBf3_5Ciw\"],\"Connection\":[\"keep-alive\"],\"Cookie\":[\"adminer_key=e4738270cdb72621f45d6656d6babc6c; adminer_sid=ct25st8p7o0p36od6s3sru5fsh; adminer_version=4.8.1\"],\"Referer\":[\"http://localhost/\"],\"Sec-Ch-Ua\":[\"\\\"Chromium\\\";v=\\\"124\\\", \\\"Brave\\\";v=\\\"124\\\", \\\"Not-A.Brand\\\";v=\\\"99\\\"\"],\"Sec-Ch-Ua-Mobile\":[\"?0\"],\"Sec-Ch-Ua-Platform\":[\"\\\"Windows\\\"\"],\"Sec-Fetch-Dest\":[\"empty\"],\"Sec-Fetch-Mode\":[\"cors\"],\"Sec-Fetch-Site\":[\"same-origin\"],\"Sec-Gpc\":[\"1\"],\"User-Agent\":[\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36\"],\"X-Forwarded-Host\":[\"localhost\"],\"X-Forwarded-Port\":[\"80\"],\"X-Forwarded-Proto\":[\"http\"],\"X-Forwarded-Server\":[\"b4aa1204fe21\"],\"X-Real-Ip\":[\"172.25.0.1\"]},\"ContentLength\":0,\"TransferEncoding\":null,\"Host\":\"localhost\",\"Form\":null,\"PostForm\":null,\"MultipartForm\":null,\"Trailer\":null,\"RemoteAddr\":\"172.25.0.1:58980\",\"RequestURI\":\"/api/v1/users/me\",\"TLS\":null}"
proxy-1     | 172.25.0.1 - - [26/Apr/2024:09:01:07 +0000] "GET /api/v1/users/me HTTP/1.1" 504 15 "-" "-" 7 "full-stack-fastapi-project-backend-http@docker" "http://172.26.0.4:80" 30000ms

I fixed the issue by fixing the network of the proxy service in docerk-compose.override.yaml:

    networks:
      - traefik-public
      - default

Operating System

Linux, Windows

Operating System Details

WSL2

Python Version

3.11.2

Additional Context

No response

[tiangolo]

Thanks for the report and for the fix here: #1184 🙇 🚀