nested routing in angular 6 not working

Asked Jun 25 '18 at 13:51

Active Jun 25 '18 at 13:56

Viewed 386 times

I am trying all possible solutions but nothing seems to work.

Our project uses nginx to route to different modules. Mine is supportui.

index.html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <base href="./">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
  </head>
  <body>
    <app-root>Loading...</app-root>
  </body>
</html>

now when the url is /supportui or /supportui/route1 -> things work fine, since all the startup JS are downloaded from required path supportui

now when the url is /supportui/route1/route2 -> the base becomes supportui/route1 and all the required JS try to load from supportui/route1, which doesn't exist hence the app crashes.

edited Jun 25 '18 at 13:56

Aleksey Solovey

4,083
3
13
33

asked Jun 25 '18 at 13:51

Ankita

When deploying the app you need to change the base path, have a look here: https://stackoverflow.com/questions/38112891/angular-2-4-5-set-base-href-dynamically – Mac_W Jun 25 '18 at 15:27
I have tried all solutions given for that question, nothing helped, so posted this question. Am I missing something? – Ankita Jun 26 '18 at 06:35
In your routing setup do you redirect more than once? – Mac_W Jun 26 '18 at 07:15
in my routing setup. I have child routes so I redirect within them as well. – Ankita Jun 27 '18 at 06:53
Redirecting more than once won't work. Do you want to paste your code? – Mac_W Jun 27 '18 at 07:21
forgot to mention, I am using pretty urls in my project – Ankita Jun 27 '18 at 08:58

nested routing in angular 6 not working

0 Answers0