unable to access http://development.localhost:8000 in dev development

[sourabhmandal]

Description of the issue

Trying to access http://development.localhost:8000 from browser loads infinitely when running dev-container

Context information (for bug reports)

I followed the steps mentioned in Development container. However after running the bench start command I am not able to access the website in host machine. However if I do a curl http://development.localhost:8000 inside container itself I am getting a response with HTML page.

PS: I am using MacOS as host machine

Steps to reproduce the issue

1. Take a macOS laptop
2. cp -R devcontainer-example .devcontainer
3. cp -R development/vscode-example development/.vscode
4. open .devcontainer/docker-compose.yml and comment out MariaDB and its volume and uncomment PostgresDB and its volume
5. Run dev container in VS code with appropriate extensions as mentioned
6. Inside container run bench init --skip-redis-config-generation frappe-bench && cd frappe-bench
7. setup host

bench set-config -g db_host mariadb
bench set-config -g redis_cache redis://redis-cache:6379
bench set-config -g redis_queue redis://redis-queue:6379
bench set-config -g redis_socketio redis://redis-queue:6379

8. Create new site bench new-site --db-type postgres --db-host postgresql development.localhost
9. set root password

bench config set-common-config -c root_login postgres
bench config set-common-config -c root_password '"123"'

10. set dev mode in site

bench --site development.localhost set-config developer_mode 1
bench --site development.localhost clear-cache

11. bench start
12. go to http://development.localhost:8000 in host machine

Observed result

• No HTTP call is received from HOST machine by the app inside docker container.

Expected result

• http://development.localhost:8000 serving frappe login page