如何解决具有相同起始路径的角度延迟加载页面
我有一个相当大的项目,为了减少包的大小,我决定将它分成多个具有延迟加载的模块。这是我的应用路由
const routes: Routes = [
{
path: 'profile',loadChildren: () => import('./pages/public/freelancer-profile/freelancer-profile.module').then(m => m.FreelancerProfileModule)
},{
canActivate: [LoginGuardService],path: 'panel',loadChildren: () => import('./pages/private/private.module').then(m => m.PrivateModule)
},{
path: '',loadChildren: () => import('./pages/public/public.module').then(m => m.PublicModule)
},loadChildren: () => import('./pages/landing/landing.module').then(m => m.LandingModule)
},loadChildren: () => import('./pages/public/logging/logging.module').then(m => m.LoggingModule)
},{
path: '**',redirectTo: '404',}
];
我预计只有当页面路径在其模块中时才加载landing.module,但发生了以下情况: 如果页面路径在 logging.module 上,则 public.module 和 land.module 块也会被下载。 我怎样才能解决这个问题 ? 我在想是否有一种方法可以检查 URL 并仅在 URL 匹配模块中的路径之一时下载模块
注意:我无法更改网址并添加前缀来避免这种情况,因为页面是通过搜索引擎编入索引的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。