Error when refreshing child routes, Angular 4

问题

I'm using PathLocationStrategy and the <base href="/"> in index.html. when I go into a child routes like product-detail if I try to refresh the page I get Error: Cannot match any routes, also if I go back and forward with browser. Do I need to switch to HashLocationStrategy to handle refresh?

This is child routes.

import { Route } from '@angular/router';
import { CustomerDetailComponent } from './index';

export const CustomerDetailRoutes: Route[] = [
  {
    path: 'customer-detail/:code',
    component: CustomerDetailComponent
  },
];

And this is parent routes

import { DashboardComponent } from './index';

export const DashboardRoutes: Route[] = [
    {
      path: 'dashboard',
      component: DashboardComponent,
      children: [
        ...HomeRoutes,
        ...HotelRoutes,
        ...UserDetailRoutes,
        ...TicketTypeRoutes,
        ...TicketBlockRoutes,
        ...TransitCertificateRoutes,
        ...TemplateDetailRoutes,
        ...DepositReceiptRoutes,
        ...TemplateRoutes,
        ...LicensePlateDetailRoutes,
        ...DepositReceiptDetailRoutes,
        ...LicensePlatesRoutes,
        ...CustomerDetailRoutes,

      ]
    }
];

来源：https://stackoverflow.com/questions/45140399/error-when-refreshing-child-routes-angular-4