AngularCliアプリケーションルートは生産

Question

に取り組んでいない私は、次のルートの設定とNgModule app.module.tsで

アプリ-routing.module.tsオン

import { NgModule } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 
import { OneComponent } from './components/one.component'; 
import { TwoComponent } from './components/open/two.component'; 

const routes: Routes = [ 

    { path: '', redirectTo: 'one', pathMatch: 'full' }, 
    { path: 'one', component: OneComponent }, 
    { path: 'two', component: TwoComponent }, 
    { path: '**', redirectTo: 'one' } 

]; 

@NgModule({ 
    imports: [RouterModule.forRoot(routes, { useHash:false })], 
    exports: [RouterModule] 
}) 

export class AppRoutingModule { } 

とAngularCliとの角度のアプリを持っている

import { LocationStrategy, PathLocationStrategy } from '@angular/common'; 
@NgModule({ 
    declarations: [ 
    AppComponent, 
    OneComponent, 
    TwoComponent  
    ] 
    imports: [  
    AppRoutingModule, 
    ], 
    bootstrap: [AppComponent], 
    providers: [{ provide: LocationStrategy, useClass: PathLocationStrategy }] 
}) 

開発モードではルートは問題ありませんが、本番用に行くと（ng build --prod --aot）ルートが機能しなくなります。 私がHashLocationStrategyルートを使用する場合は、開発モードと運用モードの両方で動作しますが、時にはURLを2〜3回ヒットする必要があるため、いくつかの問題があります。
PathLocationStrategyが私に私が欲しいと思う行動だけではなく、開発と生産ではない。

は、私はあなたがIISでWebアプリケーションをデプロイしている場合、事前

Answer 1

私は私のasp.netのコアアプリケーションのweb.configファイルにこれを追加する必要がAngular.ioサイト Go here

により提供されたものと同じ溶液で、この問題を修正終わった：

<system.webServer> 
    <rewrite> 
    <rules> 
     <rule name="Angular Routes" stopProcessing="true"> 
     <match url=".*" /> 
     <conditions logicalGrouping="MatchAll"> 
      <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
      <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
     </conditions> 
     <action type="Rewrite" url="/" /> 
     </rule> 
    </rules> 
    </rewrite> 
</system.webServer> 

<action type="Rewrite" url="/"/>のURLはindex.htmlのベースhrefと一致する必要があります

Answer 2

に問題

任意のアイデア、感謝せずに両方のモードで機能するソリューションを必要とし、空のHREFタグを入れてみてください、その後、アプリを構築および展開

<base href=""> 

Answer 3

サーバー上のAngularアプリへのパスとは何ですか？ index.htmlファイルの最初のURLが "www.example.com/my/anular/app/"の場合、index.htmlには<base href="/my/angular/app/">が必要です。 --base-href /my/angular/app/をng buildに追加します。先頭と末尾のスラッシュは重要です。