我正在做一些非常简单的事情。我在AWS S3上托管Angular应用程序。
该应用程序是世界上最简单的应用程序,一个带有一些静态内容的主页。
路由器定义如下
const appRoutes: Routes = [
{
path: 'home',
component: HomeComponent,
data: { title: 'Home' }
},
{ path: '',
redirectTo: '/home',
pathMatch: 'full'
},
{ path: '**', component: HomeComponent }
];
当我要求基本网址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
提供的服务器)做同样的事情时,我没有收到任何错误,即使我使用了错误的网址也正确检索了主页。
对我做错了什么的想法?