ブラウザのアドレスバーにルートを入力するとアプリが更新されます。角度2

Question

私はangular2アプリで経路を定義しました。

const appRoute:Routes = [ 
    {path:'',component:LoginComponent}, 
    {path:'about',component:AboutComponent}, 
    {path:'cart',component:CartAreaComponent}, 
    {path:'checkout',component:CheckoutComponent}, 
    {path:'register',component:RegisterComponent}, 
    {path:'verify',component:VerifyUserComponent}, 
    {path:'login',redirectTo:''} 
] 

タグを使用して経路を変更すると、すべての機能が正しく動作しています。

しかし、私は手動でブラウザのアドレスバーにルートを入力しようとすると。アプリが更新され、ホームルートに移動します。

アドレスバーに直接入力するときはhttp://localhost:4200/verifyが機能しません。しかし、アプリでいくつかのリンクを介して行われている場合。

助けてください。

Answer 1

これは、html5historyモードが原因である可能性があります。ハッシュを使用していない場合は、リクエストルートが見つからないindex.htmlにフォールバックするようにサーバーを構成してください。手動でアドレスを入力してヒットすると、サーバーに移動しますが、アプリケーションのリンクをクリックすると、角度がクライアント側で処理されます。