Next.js-未拾取Docker环境变量

我正在使用Next.js并尝试对我的应用程序进行dockerize-但是，正如预期的那样，正在从我的docker compose文件中提取环境变量。我一直看到

未定义

，尽管前面有

NEXT\u PUBLIC\u

我发现，如果复制.env文件，它将按预期工作

有什么想法吗？这里发生了什么？我如何在docker compose文件中定义它们？该文件（简化）目前看起来像：

version: '3.4'

services:
  front:
    image: mywork
    environment:
        NEXT_PUBLIC_API: 'http://localhost:8080'
    ports:
      - 3000:3000
    command: ["npm", "run", "start"]

在docker映像中只包含.env文件可以接受吗？我一直在读这不是个好主意。那么，下一个.js解决方案是什么

---

谢谢。

我认为环境格式应该是

front:
  environment:
    - NEXT_PUBLIC_API=http://localhost:8080