Ngビルドを使用している場合、指定されたURLにナビゲートできません

Question

私は角2アプリケーションを持っています。私はlocalhostで走っています。私はURLにページを持っています：localhost：5050。私は直接のURLはlocalhostを貼り付ける場合：5050/TEST2は私が これが私のルート

 { path: '', component: Test1Component }, 
     { path: 'test2', component: Test2Component }, 
     { path: 'test3', component: test3lComponent}, 

である私は、問題については考えている「/ test2の取得することはできません」ブラウザのページにエラーが発生します。私は顧客に特定のページhttps://xx.xx.xx.xx/test2のアプリケーションのURLを含むリンクを送る必要があります。私はNG を使用している場合はに仕え、ローカルホスト上で実行します：ので、お客様がリンクから実際のページへ

アップデートナビゲートすることができ、それは（それがルート）作品4200/test2の をしかし、私はNGビルドを使用している場合そしてローカルホスト上で実行します。を得ることができない私が取得 5050/TEST2/test2の以下のエラー

である私のserver.js

app.use(function(req, res, next) { 
    res.header("Access-Control-Allow-Origin", "*"); 
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, 
    Content-Type, Accept, X-Trace-Id, X-Egress-Time, X-Ingress-Time"); 
    res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); 
next(); 
    }); 
    app.use(express.static(path.join(__dirname, '/dist'))); 

Answer 1

私は実際にあなたのサーバーの問題だと思う、あなたは現在、存在しないlocalhost:5050/test2と一致しようとしているあなたのサーバーに要求を送信しています。すべての未知のルートが基本的なアプリケーションの角度を返すようにアプリケーションを変更すると、残りの部分を処理し、アプリケーションのベースをURLに再ルーティングします。 Test2Componentで何が起こっているのか

app.use('/*', express.static('./dist/index.html'));