Ndtyjky

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; 

}

}