angular2路由不起作用

Question

在我的应用程序componenent，我有以下代码

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显示 但是当我输入以下网址urlserver/admin，发生错误（在此服务器上未找到请求的URL /管理员。）

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

Answer 1

可能问题是服务器端。您的服务器必须将所有路由重定向到index.html才能让Angular发挥其作用。