angular - 角度参数仅适用于子文件夹,不适用于根级别
问题描述
我在使用参数时遇到问题 - 它们仅适用于子文件夹。
当我在 localhost:1234 上测试我的代码时,ID 不起作用。在服务器上运行它时,它在一个子文件夹中工作,这意味着这将工作: www.somewhere.com/development/signin/1234 但这将不起作用 www.somewhere.com/signin/1234
我的系统中有两个,它们的行为相同。当从代码中打开时,它可以工作,但是将其作为电子邮件上的链接或只是手动输入地址,它将不起作用。只有在使用 /development 等子文件夹时,它才会起作用。
这很容易复制 - 在任何系统中,转到打开带有 ID 的项目的位置 - 例如 viewitem/1234 - 打开后按 ctrl+f5。在我的情况下,角度停止工作并且页面变为空白
为什么是这样?
孔文件是:
export const appRoutes: Routes = [
{
path: 'signin/:id',
component: SigninComponent,
data: {
title: 'Login',
subtitle: ''
}
},
{
path: 'signin',
component: SigninComponent,
data: {
title: 'Login',
subtitle: ''
}
},
{
path: 'main',
component: MainPageComponent,
canActivate: [SigninGuard],
data: {
title: 'Main page',
subtitle: ''
}
},
{
path: 'item/:id',
canActivate: [SigninGuard],
component: DetailsComponent,
data: {
title: 'ItemDetails',
}
},
{
path: 'report',
component: ReportComponent,
canActivate: [SigninGuard],
data: {
title: 'Status Report',
}
},
{
path: '',
redirectTo: '/main',
pathMatch: 'full'
},
{
path: '**',
component: NotFoundComponent,
data: { title: '404' }
}
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes, {initialNavigation: true})
],
exports: [RouterModule]
})
export class AppRoutingModule { }
解决方案
推荐阅读
- java - 知道为什么 Collections.sort() 在下面的程序中不起作用吗?
- objective-c - 如何在 NSMapTable 中设置没有重复键的对象?
- text - 删除开头具有相同字符串的连续两行的第一行的第一个字符串
- c# - 我应该对 Enum 扩展方法使用 ArgumentException 还是 InvalidEnumArgumentException?
- php - Join2 表和按日期分组
- json - 如何使用 ng-repeat 将以下 json 解析为如下复杂的表结构
- anaconda - 如何配置 Juno 从特定的 conda 环境启动 julia
- angular - 错误 - 从 Kubernetes 中的 Web 应用程序调用 Api
- android - 如何停止android启动多个实例?
- python - ConnectionRefusedError:[WinError 10061]