为什么从Angular构建的dist.html中的index.html在docker中不起作用？

Question

使用Python Flask作为后端，使用Angular 6作为前端。

我从这里开始遵循结构：https://github.com/tiangolo/uwsgi-nginx-flask-docker

这是结构：

.
├── app
│   ├── main.py
│   └── static
│       └── index.html
└── Dockerfile

Angular生成的dist的树视图

.
├──3rdpartylicenses.txt
├──favicon.ico
├──index.html
├──main.814148b8a52c3996d8f6.js
├──polyfills.c72d3210425a88b28b6d.js
├──runtime.6afe30102d8fe7337431.js
└──styles.914f038ddd792d8e3589.css

我的工作是：

1. ng build --prod
2. 将dist文件夹中Angular生成的所有文件移至结构中的static。
3. docker build -t myimage .
4. docker run -d --rm --name mycontainer -p 80:80 myimage

我在浏览器0.0.0.0上运行。

我得到的是：



这很奇怪，因为如果我使用简单的index.html文件，就像只有hello world一样，它的效果很好。但是使用Angular构建的东西，它给了我500个内部服务器错误。我ng build --prod似乎有问题。有人能告诉我发生了什么吗？

我已经阅读了一些文章，可能会在<base href="/"> index.html上讨论该问题。我尝试将其更改为<base href="/static/">和<base href="/app/static/">。但是，我没有幸运。真的需要帮助。谢谢！

顺便说一下，当我ng serve时，网站很好。所以它可能不是代码中的错误。