無限大/＃/ in URLを使用した角4ルーティング

Question

数日から、Angular CLIとRoutingでこの問題が発生しました。 正確なURLを指しているとうまくいくようです。 routerLinkでリダイレクトしようとすると、URLに無限の/＃ページが書き込まれます。あなたは、インデックス上にあり、それがhttp://baseurl/index#/about#/index#/index#/index#/index#/index#/index#/index#/を書き込みページ程度に移動しよう...と仕上げRAMまでに行けば ：Dは

この問題は、「NG仕える」とDEVMODEである（ただし、hashlocationstrategyで動作します）。生産モードでうまくいくようです。

ここにいくつかのコードがあります。ページ

<div> 
     <a class="navbar-brand" [routerLink]="['/about']"><i class="fa fa-info"></i></a> 
     <a class="navbar-brand" [routerLink]="['/connect']"><i class="fa fa-plug"></i></a> 
    </div> 

Answer 1

でrouterLinkとindex.htmlを

<base href="/"> 

app.moduleで

が

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule } from '@angular/router'; 

import { AppComponent } from './app.component'; 

import { ConnectionService, ownerEnums, requestIdEnums } from './services/connection.service'; 
import { AuthService } from './services/auth.service'; 

import { AboutComponent } from './about/about.component'; 
import { ConnectComponent } from './connect/connect.component'; 
import { LayoutComponent } from './layout/layout.component'; 

import { HeaderComponent } from './layout/header/header.component'; 
import { BreadcrumbComponent } from './layout/breadcrumb/breadcrumb.component'; 
import { FooterComponent } from './layout/footer/footer.component'; 
import { IndexComponent } from './layout/index/index.component'; 

@NgModule({ 
    imports: [ 
    RouterModule.forRoot([ 
    { path: '', redirectTo: '/index', pathMatch: 'full' }, 
    { path: 'about', component: AboutComponent }, 
    { path: 'connect', component: ConnectComponent }, 
    { path: 'index', component: LayoutComponent } 
    ]), 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    declarations: [ 
    AppComponent, 
    AboutComponent, 
    ConnectComponent, 
    LayoutComponent, 
    HeaderComponent, 
    BreadcrumbComponent, 
    FooterComponent, 
    IndexComponent 
    ], 
    providers: [ ConnectionService, AuthService ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

アンカーは

{ path: 'about', component: AboutComponent }, 
{ path: 'connect', component: ConnectComponent }, 
{ path: 'index', component: LayoutComponent }, 
{ path: '', redirectTo: 'index', pathMatch: 'full'}, 
{path:'**',redirectTo:'index',pathMatch:'full'} 

にルーターモジュールを変更します既に試した