Я просто схожу с ума, пытаясь понять это.
У меня очень простой Angular-проект с маршрутизацией, ниже файл app.module.ts, nginx.conf и docker.
Я запускаю контейнером
docker run --rm -d -p 80:80/tcp demo:latest
, просматриваю http://localhost и сайт работает, все маршруты отображаются
Если я на http://localhost/contact и обновляю страницу или типURL-адрес напрямую Я получаю 404 от Nginx.
В nginx.conf есть try_files $ uri /index.html;это то, что все посты с похожими проблемами сказали, что должны быть установлены.
Любая идея, что я делаю неправильно.
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { ContactComponent } from './contact/contact.component';
import { AboutComponent } from './about/about.component';
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'contact', component: ContactComponent },
{ path: 'about', component: AboutComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class 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