dockerでコンテナのドメイン設定方法について

Question

dockerでコンテナのドメイン設定方法について
docker初心者です。
下記の記事を参考にdockerの環境構築をしているのですが、
下記の記事だと、フロントエンド、とbackendが
同じホスト名(http://localhost)になってしまいます。

コンテナ毎に任意のIPアドレスとドメインを設定することは可能でしょうか？

一応、
docker-compose.ymlファイルのサービスにwebコンテナと、apiコンテナに
VIRTUAL_HOSTで直接ドメインを設定してみたのですが動作しませんでした。

また、記事では、

docker-compose exec web yarn dev

という風にコンテナであるwebを直接実行しているのですが、
従来であればnuxt.jsのポートは
localhost:3000になるのですが、
こちらもlocalhostになってします。

この辺も簡単で結構ですので、解説して頂けると幸いです。
お手数ですがご教授お願い致します。

docker-compose.yml

 web:
    container_name: web
    build:
      context: ./.docker/web
      dockerfile: Dockerfile
    environment:
      PORT: '3000'
      HOST: '0.0.0.0'
      VIRTUAL_HOST: 'test.com'

api:
    container_name: api
    build:
      context: ./.docker/api
      dockerfile: Dockerfile
    environment:
      LANG: 'ja_JP.UTF-8'
      TZ: 'Asia/Tokyo'
      LOG_CHANNEL: 'stderr'
      DB_CONNECTION: 'pgsql'
      DB_HOST: 'db'
      DB_PORT: '5432'
      DB_DATABASE: 'laravel_development'
      DB_USERNAME: 'docker'
      DB_PASSWORD: 'docker'
      SESSION_DOMAIN: 'localhost'
      SANCTUM_STATEFUL_DOMAINS: 'localhost'
      VIRTUAL_HOST: 'test.local'

https://zenn.dev/nagi125/articles/78d931f9b72fff1f1a7d

Answer 1

Dockerというよりは、「Virtual host」について調べてみると良いと思います。

また、参考にされた記事を遡らないと「YAMLファイルにnginxで80:80を設定している」という事実がわからないため、設定ファイルを省略して書くと質問としては良くないものになりそうです。