Angular 2 url路径无法正常工作

Question

I am using the @RouteConfig for navigation and the route config is like

@RouteConfig([
{ path: '/calendar', name: 'Calendar', component: CalendarComponent }]}

The CarouselComponent is loaded when I use route link such as

<a [routerLink]="['Calendar']">Calendar</a>

and the URL routes to http://localhost:60708/calendar

However, when I would like to visit the URL http://localhost:60708/calendar directly by typing the URL in the address bar or to click F5 (Refresh page) after visit the page by clicking the route link, the page does not show any more.

Why does this happen? How can I use the URL path to load the component?

Answer 1

Thanks for all comments providing the hints.

The main reason is that I did not configure the location strategy at all.

It is working now after I configured the HashLocationStrategy