在使用Angular和Docker，docker-compose构建的应用时，有时会出现本地主页无法访问的问题。这可能是由于Docker与Angular服务之间的端口映射不正确导致的。以下是一些可能的

1. 在docker-compose.yml文件中，将Angular服务的端口映射到正确的端口。例如，将“ports: - 4200: 80”更改为“ports: - 8080: 80”。

version: "3.9"
services:
  app:
    build: .
    ports:
      - "8080:80"

2. 检查Angular服务是否在正确的端口上运行。在Angular项目的package.json文件中，确保“start”命令将服务运行在正确的端口上。例如，将“ng serve --port 4200”更改为“ng serve --port 8080”。

3. 如果上述解决方法都无效，尝试在docker-compose.yml文件中添加“network_mode: host”。这将使容器使用主机网络，可能解决端口映射问题。

version: "3.9"
services:
  app:
    build: .
    network_mode: host

在应用完成后运行以下代码命令：

$ docker-compose up --build

或者

$ docker-compose up -d --build

这将构建并启动Angular服务，启动Docker容器，并将其连接到正确的端口。现在，您应该可以在浏览器中访问http://localhost:8080并查看Angular服务的本地主页。