How to force trailing slash in URL Angular 7 with no 404?

Question

I am trying to add trailing slash in end of URL as we all know for SEO ranking purpose, i am able to add trailing slash at url end but now i am getting issue that everytime i refresh page it redirect me to 404 component. Anyone having any idea how to use trailing slash without 404 issue on refresh?

Akila Arun · Answer

Hi Anil, Below issue still presisting... I am trying to add trailing slash in end of URL as we all know for SEO ranking purpose, i am able to add trailing slash at url end but now i am getting issue that everytime i refresh page it redirect me to 404 component. Anyone having any idea how to use trailing slash without 404 issue on refresh?

Anil Thakur · Answer

Thanks Amit, i have resolved the issue and after that i wrote the article which you mentioned in the link.

Amit Kumar · Answer

Hi, Add routing in Angular 2+. Let's go to the app-routing.module.ts file (this file is auto created in Angular 7 if you choose "Yes" in the beginning of the application setup; otherwise, you have to add it manually) and add the below code for routing. Use the below links. https://www.c-sharpcorner.com/article/angular-7-routing-with-preserving-trailing-slash-in-url/

Anil Thakur · Answer

I have resolved the issue, even write an article about it, thanks for reply here.

Anil Thakur · Answer

I don't want to use hash in my url, with hash it will work I know, but I want it without hash.

Muthu Kumar · Answer

Make sure you have been used HashLocationStrategy in your project. If you did not use this may also cause reloading time problem. import { HashLocationStrategy, LocationStrategy } from '@angular/common' ; providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}] For more reference, https://medium.com/wineofbits/angular-2-routing-404-page-not-found-on-refresh-a9a0f5786268 https://stackoverflow.com/questions/35284988/angular-2-404-error-occur-when-i-refresh-through-the-browser I hope its helps to you. Thanks, Muthukumar

Muthu Kumar · Answer

Hi Anil Thankur, Can you show me your app.routing.ts file.