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