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
- ModuleNotFounEerror:No module named celery in Django Project
- How to get domain name information from a Domain using Python
- ModulenotFoundError: no module named 'debug_toolbar' -SOLUTION
- How to create superuser in django project hosted in cPanel without terminal
- CSS & images not loading in django admin | cpanel without terminal
- Could not build wheels for mysqlclient, which is required to install pyproject.toml-based projects
- How to sell domain name on Godaddy (2023)
- TemplateSyntaxError at / Could not parse the remainder: ' + 1' from 'forloop.counter0 + 1'
Related Article