ang2のルーティングは機能していません。ライブサーバでは

Question

私はangular2を使用してウェブサイトを構築しましたが、localhostではうまく動作しますが、私のサーバに展開するとすべてのCSSとjsリンクが壊れています。

例：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

スイッチ

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

HashLocationStrategyにまたはindex.htmlに存在しないファイルへのリクエストを書き換える（HTML5 pushStateをサポートするようにサーバーを構成します。