Odtnhj

I have the angular 5 application which is running locally its working fine with hash true configuration in routing module.

When I am building the prod build deployed in nginx I am trying to get the router url like below its throwing 404 error

http://localhost:4200/dashboard/empty/61

But the same is working fine in local ng serve command.

I am confused what I am missing here. Any suggestion should be appricated.

The routing file is given below.

`import NgModule from '@angular/core';
import RouterModule, Routes from '@angular/router';
import LoadComponent from './load/load.component';
import ListComponent from './list/list.component';

import AuthGuardService from './services/auth-guard.service';

import PathLocationStrategy, LocationStrategy, HashLocationStrategy from '@angular/common';


const appRoutes: Routes = [
 
 path: '',
 children: ,
 ,
 
 path: 'dashboard/empty/:id',
 component: LoadComponent,
 canActivate: [AuthGuardService]
 ,
 
 path: 'list',
 component: ListComponent
 
 ];

@NgModule(
 imports: [RouterModule.forRoot(appRoutes)],
 exports: [RouterModule],
)
export class AppRoutingModule `

Build Comment is ng build --prod

The ngnix config is added below.

 server 
listen 81 default_server;
listen [::]:81 default_server ipv6only=on;

root /var/www/html;
index index.html index.htm;

# Make site accessible from http://localhost/
server_name http://0.0.0.0:81;


location /loadserver 
proxy_pass http://0.0.0.0:8094/loadserver;