ブラウザからAngular Componentに直接アクセスすることはできません

Question

Angular 1.5 Componentsを使用する小さなWebアプリケーションがあります。サーバーを起動すると、ブラウザは私にhttp://127.0.0.1:50001/welcomeにリダイレクトされ、これが期待され、ようこそページが表示されます。新しいユーザーを作成したい場合、リンクをクリックするとURLがhttp://127.0.0.1:50001/welcome/newUserに変わり、新しいユーザーフォームが表示されます。

URLに直接アクセスする（またはページを更新する）ときに問題が発生します。ページは単に読み込まれません。コンソールにエラーは表示されません。何も起こりません。

私の設定は以下の通りである：

ルートコンポーネント：

.component('webGuiComponent', { 
    template: '<ng-outlet></ng-outlet>', 
    $routeConfig: [ 
    { path: '/welcome/...', name: 'Welcome', component: 'welcomeComponent', useAsDefault: true } 
    ] 
}) 

.value('$routerRootComponent', 'webGuiComponent'); 

ようこそコンポーネント：

.component('welcomeComponent', { 
    template: '<header></header><ng-outlet></ng-outlet>', 
    $routeConfig: [ 
    { path: '/', name: 'Index', component: 'indexComponent', useAsDefault: true }, 
    { path: '/newUser', name: 'NewUser', component: 'newUser' } 
    ] 
}) 

.component('indexComponent', { 
    templateUrl: '/app/components/welcome/index.html' 
}); 

新規ユーザコンポーネント：

.component('newUser', { 
    controller: 'userController', 
    templateUrl: '/app/components/user/new.html' 
}) 

ナビゲーションリンクは、スタンドを使用していますARDのNG-リンク：

<a class="navbar-brand" ng-link="['/Welcome/Index']">Web GUI</a> 
<a class="navbar-brand" ng-link="['/Welcome/NewUser']">Sign Up</a> 

直接URLにアクセスする際のナビゲーションがNGリンクを経由して行われたときに動作しますが、ではない、なぜ誰もが知っていますか？

Answer 1

メインページをレンダリングするクライアント側で定義されたルートを持つすべてのパスに対してサーバー側のルートを追加する必要があります。実装は、使用しているサーバー側の技術によって異なります。

それとも、あなたが＃ベースのURLのブラウザを持っていないのURL

説明

を#based使用する必要がありますが、リソースを取得するために、サーバーに行くが、何も見つけていません。したがって、サーバー側のルーティングを定義すると、メインページが提供され、クライアント側のルーティングが行われます。

Answer 2

すべてのURLをインデックスページまたはバックエンドのデフォルトルートに書き換えるには、サーバーにURL書き換えを設定する必要があります。