angular2中的路由不工作在活动服务器

Question

我已经构建了一个使用angular2的网站，它在localhost上工作正常，但是当我将其部署在我的服务器上时，所有css和js链接都显示为中断。

ex：localhost：4200/home正常，但ip：4200/home为css和js文件提供404。

IP：4200本身重定向到回家，但键入IP：4200 /家给404甚至重装它给404

我想我需要修复这些路由。

我的路由器TS文件如下：

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 


import { HomeComponent } from './component/home.component'; 
import { RegisterComponent } from './component/register.component'; 
import { ProductComponent } from './component/product.component'; 

const appRoutes: Routes = [ 

    { 
    path: '', 
    redirectTo: '/home', 
    pathMatch: 'full' 
    }, 

    { 
    path: 'home', 
    component: HomeComponent 
    }, 
    { 
    path: 'register', 
    component: RegisterComponent 
    }, 
    { 
    path: 'product', 
    component: ProductComponent 
    } 


]; 

出口const的路由：ModuleWithProviders = RouterModule.forRoot（appRoutes）;

和app.module.ts是这样的：

import { NavBar } from './component/nav-bar.component'; 
import { RegisterService } from './services/register.service'; 
import { HomeService } from './services/home.service'; 
import { ProductService } from './services/product.service'; 
import { ProductComponent } from './component/product.component'; 
import { NavBar1 } from './component/nav-bar1.component'; 
@NgModule({ 
    declarations: [ 
    AppComponent, 
    HomeComponent, 
    RegisterComponent, 
    NavBar, 
    ProductComponent, 
    NavBar1 

    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    RouterModule.forRoot([ 
     { 
      path: 'register', 
      component: RegisterComponent 
     } 
     ]), 

    routing 
    ], 
    providers: [ 
RegisterService, 
HomeService, 
ProductService 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 1

切换到HashLocationStrategy

providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}, ... 

或配置您的服务器以支持HTML5 pushState的（重写请求不存在的文件index.html。