2016-06-30 5 views
0

私はrouter-deprecatedから "@ angle/router": "3.0.0-alpha.8"にアップグレードしました。私はアプリケーション内ですべての作業をしていますが、URLに移動すると機能しません。このURLを生成angular2新しいルータがURLからロードされていません

<a [routerLink]="['/app/dashboard']">DashBoard</a> 

http://localhost:54675/app/dashboard

そして、問題なくそのビューロード

は例えば、私はこのrouterLinkを使用しています。

しかし、ブラウザにそのURLを入力してreturnキーを押すと、空白のページが表示されます。コンソールとソースには何も表示されません。

私はハッシュ(#)ではなく、デフォルトのHTML5ロケーション戦略を使用しています。

これはルータで廃止されました。

他のすべてが動作しているので、私が間違っていることが分かりません。

フィルURLに移動すると、コンソールに404エラーが表示されます。これは、サーバー上の何もこのURLと一致しないためですが、アプリケーションをロードしてからそのURLにルーティングする必要があるためです。 app.routes.ts:

export const routes: RouterConfig = ([ 
    { path: '', component: SplashComponent }, 
    { path: 'login', component: SplashComponent }, 
    ...MainRoutes 
]); 
export const APP_ROUTER_PROVIDERS = [ 
    provideRouter(routes) 
]; 

main.routes.ts

export const MainRoutes: RouterConfig = [ 
    { 
     path: 'app', 
     component: MainLayoutComponent, 
     children: [ 
       { path: 'dashboard', component: DashboardComponent}, 
       { path: '', component: DashboardComponent }, 
       { path: 'user', component: AccountEditComponent }, 
       { path: 'admin', component: ManageComponent } 
      ] 
    } 
]; 
+0

あなたroutes.tsファイルを追加することができますか? –

+0

フィルURLに移動すると、コンソールに404エラーが表示されます。これは、サーバー上の何もこのURLと一致しないためですが、アプリケーションをロードしてからそのURLにルーティングする必要があるためです。この情報で質問を更新しました。 –

答えて

1

マイAngular2アプリは過去ログCoreアプリケーションでホストされた。ここ

は私のルートファイルです。私は、404を返したURL上でindex.htmlにリダイレクトするように設定しなければなりませんでした。私はこの記事を踏襲:

http://asp.net-hacker.rocks/2016/04/04/aspnetcore-and-angular2-part1.html

関連する問題