Маршрутизация angular2 не работает

В моем компоненте приложения у меня есть следующий код

import { Component, OnInit}       from '@angular/core';
import {aComponent} from './a.component';
import {xService} from './shared';
import {Router, Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from  @angular/router';
import {zComponent} from './z.component';

@Component({
   moduleId: module.id,
   selector: 'my-app',
   templateUrl: 'x.component.html',
   styleUrls: ['x.component.css'],
   directives: [
       ROUTER_DIRECTIVES],
   providers: [
       ROUTER_PROVIDERS, cService
   ]
})
@Routes([
  {
     path: '/',
     component: zComponent
  },
  {
     path: '/admin',
     component: aComponent
  }
 ])
export class AppComponent implements OnInit {


   constructor(private _router: Router) { }

   ngOnInit() {

   }

Когда я ввожу следующий URL-адрес urlserver/, он работает нормально, отображается мой zcomponent. Но когда я ввожу следующий URL-адрес urlserver/admin, возникает ошибка (запрошенный URL-адрес /admin не найден на этом сервере).

что случилось ? Почему код не работает?


person Florence    schedule 08.06.2016    source источник


Ответы (1)


Вероятно, проблема скорее на стороне сервера. Ваш сервер должен перенаправить все маршруты на index.html, чтобы позволить Angular выполнить свою работу.

person Wojciech Kwiatek    schedule 08.06.2016