前端docker容器访问API遇到的问题

可能是因为前端容器不在与API容器相同的网络中。可以将两个容器放在同一个网络中，以便它们能够相互访问。

例如，使用docker-compose来编排容器并将它们放在同一个网络中：

version: '3'
services:
  frontend:
    build: .
    ports:
      - "3000:3000"
    networks:
      - my-network
  api:
    build: .
    ports:
      - "8080:8080"
    networks:
      - my-network
networks:
  my-network:

在此示例中，使用my-network来连接前端和API容器。此外，容器可以使用对方的容器名称来进行访问。

在前端代码中使用API URL时，可以使用它所在的容器名称作为主机名：

const apiUrl = 'http://api:8080';

这样就可以通过my-network网络上的名称解析器访问API容器。