Angular removes directory in url when routing

Question

I set up a local IIS and a application with a directory called test:

Then in my browser I browse to: "http://localhost/test"

I have a route for this:

const routes: Routes = [
 { 
  path: '', pathMatch: 'full', component: LoginComponent 
 },
 { 
  path: '**', redirectTo: '' 
 }
];

 @NgModule({
    imports: [
       RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
    ],
    exports: [RouterModule]
 })

 export class AppRoutingModule {}

But when I arrive at the login page, the browser removes the "test" and just does the "http://localhost/" in the browsers address, which is wrong.

The browser also don't get the assets now as "test" is missing: Just for information, when I build the app, I build it with --baseHref=/test/

why you are browsing to localhost/test, you should browsing localhost only and your localhost should serve index.html. for assets base href will be used. — Aakash Garg
– Aakash Garg, Commented Jun 16, 2020 at 18:49
What you have should work. Maybe add enableTracing: true in your forRoot config and see if you can identify the problem — David
– David, Commented Jun 18, 2020 at 7:22
Please share your login component as well, maybe your login redirection needs to be change. — rcanpahali
– rcanpahali, Commented Jun 19, 2020 at 11:47

bryan60 · Accepted Answer · 2020-06-09 15:47:23Z

1

you set it to redirect to blank if there is no matching route, and there is not one for test...

guessing you want to set the base href in your build command...

ng build --prod --baseHref=test

docs: https://angular.io/cli/build

you can set the same in ng serve if you're trying to run this as a dev server. but that seems redundant.

answered Jun 9, 2020 at 15:47

bryan60

29.5k5 gold badges56 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael Winther Over a year ago

Look at my last line, I am using baseHref

Sai_Charan_Seri · Accepted Answer · 2020-06-23 11:52:26Z

0

+50

Try directing through router class. After setting in component; .navigate to me it happend with wrong name.

answered Jun 23, 2020 at 11:52

Sai_Charan_Seri

574 bronze badges

1 Comment

Apoorv Over a year ago

can you share code? this is not understandable, what exactly u want to say

Collectives™ on Stack Overflow

Angular removes directory in url when routing

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related