Docker composeの中でapiサーバーとMySQLを接続したい

実現したいこと

React, Prisma(node.js), MySQLでフルスタックのアプリを製作中です。開発環境を楽にするためにdocker-composeの中でweb, api, mysqlのサーバーをそれぞれ立ち上げ相互に通信ができるようにしたいです。初めてのdocker-composeの作成です。

状況

./docker-compose.yml

yml

1version: "3.8"2volumes:3 mysql:4services:5 api:6 image: node:18-alpine 7 environment:8 - MYSQL_SERVER=db 9 - MYSQL_USER=test 10 - MYSQL_PASSWORD=test 11 - MYSQL_DATABASE=test 12 - DATABASE_URL=mysql://test:test@db:3306/test 13 tty: true14 ports:15 - '${MY_IP:-127.0.0.1}:3000:3000'16 volumes:17 - ./api:/usr/api 18 - mysql:/var/lib/mysql 19 working_dir: /usr/api 20 command: sh -c "npm install && npm run start" 21 depends_on:22 - db 23 networks:24 - backend 25 restart: unless-stopped 26 web:27 image: node:18-alpine 28 tty: true29 volumes:30 - ./web:/usr/web 31 ports:32 - '3724:3724'33 working_dir: /usr/web 34 command: sh -c "npm install && npm run start" 35 depends_on:36 - api 37 db:38 image: "mysql:8.0.30"39 restart: unless-stopped 40 volumes:41 - type: volume 42 source: mysql 43 target: "/var/lib/mysql"44 - type: bind 45 read_only: true46 source: "./docker/db/mysqld2.cnf"47 target: "/etc/mysql/mysql.conf.d/mysqld2.cnf"48 - type: bind 49 read_only: true50 source: "./docker/db/docker-entrypoint-initdb.d"51 target: "/docker-entrypoint-initdb.d"52 environment:53 # Docker mysql root password is random54 - MYSQL_RANDOM_ROOT_PASSWORD=yes 55 - MYSQL_DATABASE=test 56 - MYSQL_USER=test 57 - MYSQL_PASSWORD=test 58 ports:59 - "${MY_IP:-127.0.0.1}:3306:3306"60 networks:61 - backend 62networks:63 backend:64 driver: bridge 65 name: app_network 66 ipam:67 config:68 - subnet: 172.28.1.0/24

./api/prisma/schema.prisma

generator client { provider = "prisma-client-js" binaryTargets = ["native", "rhel-openssl-1.0.x"] previewFeatures = ["fullTextSearch", "fullTextIndex"] } datasource db { provider = "mysql" url = env("DATABASE_URL") } ....

./docker/db/mysqld2.conf

[mysqld] character-set-server = utf8 default-time-zone = 'Asia/Tokyo' # The most strict sql_mode sql_mode = ANSI,TRADITIONAL listen_addresses = '*'

発生している問題・エラーメッセージ

上記の構成で3つのコンテイナーを立ち上げることに成功しport:3724でweb application をみることができます。docker desktopではどのコンテイナーに対してもエラーは出ていませんが、ログインのためにapiサーバーを通してdatabaseに接続しようとすると

Failed to load resource: net::ERR_CONNECTION_REFUSED

のエラーでデータベースに接続ができません。

どのようにコンテイナー間でのやり取りをするべきなのでしょうか？