I am using angular application; I have no problem in running on localhost when I hosted my application on server. When I clicked the employee button it loads the employee details. However I refreshed the same page, I gives me 404 file or directory not found error.
I have fixed the following issue using hash approach.
This will make the links look like http://domain.com/#/page
for the url http://domain.com/page.
In app.module.ts, we need to import HashLocationStrategy,
LocationStrategy. And then in NgModule
Provider add {{provide: LocationStrategy, useClass:
HashLocationStrategy}}.
App.Module.Ts
import {
BrowserModule } from '@angular/platform-browser';
import { NgModule
} from '@angular/core';
import {
HashLocationStrategy, LocationStrategy } from '@angular/common';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
],
providers: [SharedService,{ provide:
LocationStrategy, useClass: HashLocationStrategy}],
bootstrap: [AppComponent]
})
export class AppModule { }
Post your comments / questions
Recent Article
- How to add two numbers in Android Studio? | Source Code
- FindViewByID returns null in android studio -SOLVED
- Saving changes is not permitted in SQL SERVER - [SOLVED]
- Restore of database failed. File cannot be restored over the existing. -[SOLVED]
- One or more projects in the solution were not loaded correctly in Visual Studio 2019 | FIXED
- How to find Laptop's Battery Health?
- SOLVED-Related Field got invalid lookup: icontains error in Django
- How to enable Search Feature in Django admin?
Related Article