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

时间:2017-11-25 22:19:45

标签: angular angular-router

我正在做一些非常简单的事情。我在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 }

我希望再次检索主页(即应用程序的唯一页面)。相反,我在浏览器和浏览器控制台中看不到任何内容,我看到以下错误堆栈

enter image description here

当我对本地开发服务器(即ng serve提供的服务器)做同样的事情时,我没有收到任何错误,即使我使用了错误的网址也正确检索了主页。

对我做错了什么的想法?

0 个答案:

没有答案