我刚刚在Docker容器中部署了我的Angular项目。我访问该网站的路径是：localhost：4200，因为在我的机器上监听的是4200，但在容器内部监听的是端口80。我使用的是Angular routing，文件如下：

const routes: Routes = [
  { path: 'Login', component: LandingPageComponent},
  { path: '', component: AppComponent},
  { path: 'Home', component: BlogHomeComponent, canActivate:[AuthGuard],
  children:[
    { path: '', component: BlogHomeComponent},
    { path: "Posts", component: PostsComponent},
    { path: 'NewPost', component: CreatePostComponent},
    { path: 'Post/:id', component: SinglePostComponent}
]}
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

这是我的AuthGuard：

@Injectable({
  providedIn: 'root'
})
export class AuthGuard  {


constructor(private authService: AuthService, private route: Router){}

  canActivate():boolean {
    if(this.authService.isLoggedIn() == true){
      return true;
    } else {
      this.route.navigateByUrl("");
      return false;
    }
  }
}

它应该检查每次我试图访问路由，如果我登录。当我从consolde（没有docker）运行应用程序时，它工作得很好。每次我试图访问一个路径，它检查我是否登录，当我没有它直接把我扔到登录页面。但是当我在docker容器中部署应用程序时，这并不起作用。当我转到一个不允许我访问的页面时，我在浏览器中得到这个错误：x1c 0d1x为什么？如果我从angular cli（使用ng服务器）运行它时转到完全相同的链接（localhost：4200/Home/Posts），如果我没有登录，它实际上会将我推回登录。
编辑
下面是Angular项目的Dockerfile：

FROM node:latest as node
WORKDIR /app
COPY . .
RUN npm install
RUN npm run build --prod

FROM nginx:alpine
COPY --from=node /app/dist/front-end-blog-demo /usr/share/nginx/html

这里是Docker-compose文件，因为我在后端和前端都运行docker-compose：

version: "3.8"
services:
  frontend:
    build: ./FrontEnd-BlogDemo
    ports:
      - 4200:80
  backend:
    build: ./BackEnd-BlogDemo
    ports:
      - 8080:80