Ленивая загрузка без добавления сегмента маршрута для модуля

Question

Чтобы реализовать отложенную загрузку в приложении Angular, нам нужно добавить маршрут модуля / главную страницу (/ public /), а затем маршрут внутренней страницы (/ contact-us), например

{ path: 'public', loadChildren: '../public/public.module#PublicModule' }

и внутри PublicRouting

{ path: 'contact-us', component: ContactUsComponent }

теперь для компонента ContactUs у нас есть URL-адрес типа http://myappurl/public/contact-us.Но я хочу реализовать Lazy Loading, а также мне нужен доступ к странице со ссылкой типа http://myappurl/contact-us, чтобы мои SEO-функции работали, как ожидалось.Я не хочу делать каждую страницу модулем, а мои модули имеют несколько страниц

Answer 1

Если вы хотите добиться этого: http://myappurl/contact-us

Замените public на '' в маршрутизации модуля

{ path: '', loadChildren: '../public/public.module#PublicModule' }

, тогда ничего не меняйте

Или:

Заменить public на 'contact-us' в модуле маршрутизации

  { path: 'contact-us', loadChildren: '../public/public.module#PublicModule' }

, а затем внутри модуля маршрутизации public.module

{ path: '', component: ContactUsComponent , pathMath:"full" }

Answer 2

Возможно, это ваше необходимое решение:

Замените public на `` в пути к модулю

т.е. { path: '', loadChildren: '../public/public.module#PublicModule' }

и пусть все останется прежним.

Итак, ваш последний путь будет http://myappurl/contact-us

Поскольку вам не нужно специально упоминать public в маршруте, вы будете автоматически перенаправлены на этот путь.