无法在nextjs getStaticProps中向docker容器发送请求？

Question

我正在尝试从 Next.js getStaticProps 函数向另一个容器发送一个简单的 GET 请求，该容器是使用 docker-compose 的节点后端 api。

这是我的 docker-compose 文件：

version: "3"
services:
  web:
    build: ./backend
    volumes:
      - ./backend:/home/node/app/
    ports:
      - "3001:3001"
  frontend:
    build: ./frontend
    volumes:
      - ./frontend:/home/node/app/
    ports:
      - "3000:3000"
    depends_on:
      - "web"

Next.js 中的 Index.js：

export const getStaticProps = async (context) => {
  const { data } = await axios({ method: "GET", url: "http://web:3001" })

  return {
    props: {
      data: data.message,
    },
  }
}

我做错了什么？

我使用相同的 url http://web:3001 连接了我的其他非 Next.js 应用程序，它们运行良好。为什么我不能构建我的 next.js 应用程序？