angular2路由不起作用

Question

在我的应用程序组件中，我有以下代码

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。）

发生了什么事？为什么代码不起作用？

Answer 1

问题可能是服务器端问题。您的服务器必须将所有路由重定向到index.html以让Angular完成其工作。