具有路径的角度路由器配置：'**'在AWS S3中未按预期工作

Question

我正在做一些非常简单的事情。我在AWS S3上托管一个Angular应用程序。

该应用程序是世界上最简单的，一个主页有一些静态内容。

路由器定义如下

const appRoutes: Routes = [ 
    { 
    path: 'home', 
    component: HomeComponent, 
    data: { title: 'Home' } 
    }, 
    { path: '', 
    redirectTo: '/home', 
    pathMatch: 'full' 
    }, 
    { path: '**', component: HomeComponent } 
]; 

当我问的基本URL http://my-site.s3-website.xxx.amazonaws.com/我得到预期的主页。

在浏览器中，我看到的网址为http://my-site.s3-website.xxx.amazonaws.com/home，即跟踪home正如预期的那样查看路由器配置。

如果后来我要求的网址http://my-site.s3-website.xxx.eu-central-1.amazonaws.com/home我再次得到预期的主页。

当我输入一个错误的网址时，例如http://my-site.s3-website.xxx.eu-central-1.amazonaws.com/homeac，即如果我犯了一个错误，并要求homeac而不是home，问题就会引发。

考虑到我的路线已经设置，在去年，以下规则

{ path: '**', component: HomeComponent } 

我期待再次检索主页（即应用程序的唯一页）。而是我没有看到浏览器和浏览器控制台我看到下面的错误堆栈任何

当我做同样的事情与本地开发服务器（即由ng serve提供的一个）我做没有得到任何错误，主页是正确的检索，即使我使用了一个错误的网址。

有关我在做什么错的任何想法？

Answer 1

试试这个

{ path: '**', redirectTo: '/home'}