Angular Nginx Docker 404

为了弄明白这件事，我简直快疯了

我有一个非常简单的带有路由的Angular项目，下面是app.module.ts、nginx.conf和docker文件

我用集装箱开车

docker run --rm -d -p 80:80/tcp demo:latest

浏览到“站点工程”“所有管线”“渲染”

若我打开并刷新页面或直接键入Url，我将从Nginx获得404

nginx.conf有try_文件$uri/index.html；这是所有有类似问题的职位所说的需要设置的

知道我做错了什么吗

从'@angular/core'导入{NgModule}；
从'@angular/router'导入{Routes，RouterModule}；
从“./home/home.component”导入{HomeComponent}；
从“./contact/contact.component”导入{ContactComponent}；
从“./about/about.component”导入{AboutComponent}；
常数路由：路由=[
{路径：''，组件：HomeComponent}，
{路径：'contact'，组件：ContactComponent}，
{路径：'about'，组件：AboutComponent}
];
@NGD模块({
导入：[RouterModule.forRoot（路由）]，
导出：[路由模块]
})
导出类AppRoutingModule{}

nginx.conf

server {
    listen   80;

    root /usr/share/nginx/html;
    index index.html;

    server_name _;

    location / {
        try_files $uri /index.html;
    }
}

dockerfile

FROM nginx

COPY nginx.conf /etc/nginx/conf.d/

RUN rm -rf /usr/share/nginx/html/*

COPY ./dist /usr/share/nginx/html

---

我真傻，我没有覆盖docker文件中的默认docker conf

COPY nginx.conf /etc/nginx/conf.d/default.conf

---

谢谢，这对我帮助很大！谢谢你，迈克！感谢你的帖子，我注意到nginx中还有另一个配置文件！我修改了那一个，路由对美沙克很好，帮了我的忙。非常感谢！，这是我第一次玩docker创建图像并运行它，这对我来说真的很有用