问在使用docker-compose构建应用时，如何在React应用中使用Docker容器名称作为URL端点？

EN

version: "3"

services:
  web:
    build: ./concept.io-frontend
    ports:
      - "80:80"
    depends_on:
      - api
    networks:
      - network.concept.io
    container_name: concept.io
  api:
    build: ./concept.io-backend
    restart: always
    ports:
      - "5328:5328"
    depends_on:
      - db
    networks:
      - network.concept.io
    container_name: api.concept.io
  db:
    image: mongo
    restart: always
    networks:
      - network.concept.io
    container_name: db.concept.io
networks:
  network.concept.io:
    driver: bridge

const URL = "mongodb://db.concept.io:27017/conceptio";

module.exports = {
  url: URL,
};

// const URL = "http://localhost:5328/";
const URL = "http://api.concept.io:5328/";
export const API_URL = URL + "api/";
export const AUTH_URL = API_URL + "auth/";

FROM node:lts-alpine3.12 as builder
RUN apk add yarn

WORKDIR /opt/app
COPY package.json yarn.lock ./
RUN yarn install
COPY . ./
EXPOSE 5328

CMD ["yarn", "start"] 

FROM node:lts-alpine3.12 AS builder
RUN apk add yarn

WORKDIR /opt/web
COPY package.json yarn.lock ./
RUN yarn install

ENV PATH="./node_modules/.bin:$PATH"

COPY . ./
RUN yarn run build

FROM nginx:1.19.1-alpine
RUN apk add curl
RUN curl -L https://github.com/a8m/envsubst/releases/download/v1.2.0/envsubst-`uname -s`-`uname -m` -o envsubst && \
    chmod +x envsubst && \
    mv envsubst /usr/local/bin
COPY ./nginx.config /etc/nginx/nginx.template
EXPOSE 80
CMD ["/bin/sh", "-c", "envsubst < /etc/nginx/nginx.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]
COPY --from=builder /opt/web/dist /usr/share/nginx/html