How to remove hash from URL in Angular5?

Question

Angular Routing(In my app-routing.module.ts)

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

In index.html I have added <base href="/">

But in the URL I can see the # My application is deployed on JBoss AS 7.1.1 Server

angular.io/guide/router#hashlocationstrategy

Parth Savadiya
– Parth Savadiya

2018-04-18 07:28:44 +00:00
Commented Apr 18, 2018 at 7:28 — Parth Savadiya
– Parth Savadiya, Commented Apr 18, 2018 at 7:28
Add the <base> element just after the <head> tag.

Parth Savadiya
– Parth Savadiya

2018-04-18 07:35:13 +00:00
Commented Apr 18, 2018 at 7:35 — Parth Savadiya
– Parth Savadiya, Commented Apr 18, 2018 at 7:35

Anuradha Gunasekara · Accepted Answer · 2018-04-18 06:18:02Z

1

In your app module do this. Find more information in here about hash location strategy.

@NgModule({
  imports: [
  // other imports
    RouterModule.forRoot(routes, { useHash: false })
  ],
  declarations: [
  ],
  providers: [

  ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

answered Apr 18, 2018 at 6:18

Anuradha Gunasekara

7,0132 gold badges29 silver badges38 bronze badges

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

1 Comment

Saso Over a year ago

I doubt this is the case

Collectives™ on Stack Overflow

How to remove hash from URL in Angular5?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related