角度4路由与无限/＃/在url

由于有些天，我有Angular CLI和路由这个问题。如果你指向确切的网址，它似乎工作正常。当您尝试使用routerLink重定向时，它会在url中写入无限/＃页面。如果你是指数，并尝试去了解页面写入http://baseurl/index#/about#/index#/index#/index#/index#/index#/index#/index#/ ...并一直持续到结束的RAM：d角度4路由与无限/＃/在url

这个问题只有在与“吴服” DEVMODE（但hashlocationstrategy作品）。在生产模式似乎工作正常。

这里有一些代码。

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 { }

美女主播与routerLink在有关网页

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

来源

2017-07-09 RickyLeRoi

更改路由器模块

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

来源

2017-07-09 10:40:19

已经尝试过，根本不起作用。立即启动无限网址，无需点击任何routerLink：/ – RickyLeRoi

您可以共享更多代码或链接 –

您认为哪一部分可能有用？ – RickyLeRoi

角度4路由与无限/＃/在url

回答

相关问题