Ошибка при установлении соединения с базой данных Docker

Question

Я следовал онлайн-руководству о том, как настроить среду разработки WordPress.

Все идет хорошо, пока я не попытаюсь посетить URL, который я настроил в файле hosts, чтобы не записывать localhost: 8080 , как сказано в руководстве.

Когда Я пытаюсь посетить http://dev.local Я получаю Ошибка при установлении соединения с базой данных

Моя структура папок такая:

• Docker
  • прокси
    • docker -compose.yml
  • test
    • docker -compose.yml

Вот два файла, которые я использую:

--- PROXY ---

version: '3.7'

services:
  nginx-proxy:
    image: jwilder/nginx-proxy
    restart: always
    ports:
      - 80:80
      - 3306:3306
    volumes:
      - /var/run/docker.sock:/tmp/docker.sock:ro

networks:
  default:
    external:
      name: proxy

--- WP / mySQL / PHPMyAdmin ---

version: "3.7"

services:

  mysql:
    image: mysql:latest
    restart: always
    ports: 
      - 8081:3306
    environment:
      MYSQL_USER: wordpress
      MYSQL_ROOT_PASSWORD: wordpress
      MYSQL_DATABASE: wordpress
      MYSQL_PASSWORD: wordpress     
    networks:
      - backend

  wordpress:
    depends_on:
      - mysql
    image: wordpress
    ports:
      - 8080:80
    restart: always
    volumes: 
      - ./:/var/www/html/wp-content
    environment: 
      VIRTUAL_HOST: dev.local
      VIRTUAL_PORT: 8080
      WORDPRESS_DB_HOST: mysql:3306
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: wordpress
    networks:
      - frontend
      - backend

  phpmyadmin:
    depends_on:
      - mysql
    image: phpmyadmin/phpmyadmin
    restart: always
    ports:
      - 8082:81
    environment: 
      PMA_HOST: mysql
      MYSQL_ROOT_PASSWORD: wordpress
    networks:
      - backend

networks:
  backend:
  frontend:
    external:
      name: proxy