ドッキング・コンテナー内のAngular2デプロイメントがルーティングを妨害する

Question

ドッキング・コンテナー内にAngular2/tsアプリケーションをデプロイしたい。本当にうまくいく次のチュートリアルが見つかりました： Link。だから私のドッキングウィンドウ-compose.ymlは今です：

version: '2' 

services: 
    httpd: 
    image: httpd:latest 
    volumes: 
     - ./:/usr/local/apache2/htdocs/ 
     - ./node_modules:/usr/local/apache2/htdocs/node_modules 
    ports: 
     - "80:80" 
    npm: 
    image: treyjones/npm:latest 
    volumes: 
     - ./:/npm 
    tsc: 
    image: treyjones/tsc:latest 
    volumes: 
     - ./:/tsc 

が、私は、ルーティングが正しく動作しない問題を抱えています。

私は

http://localhost:80/

経由で私のアプリに達することができ、それはそれですべてが素晴らしい作品。この時点まで

http://localhost:80/data

に私をリダイレクトします。

"GET /data HTTP/1.1" 404 205

私はドッキングウィンドウコンテナを使用する前に、私はすでにこの問題を持っていたし、それが使用して解決：しかし、私は、私はエラーを取得する私のページを更新し、または

http://localhost:80/data

経由で到達しようライブサーバー、 Linkに記載されています。つまり、スクリプトを追加しました：

"serve": "concurrently \"live-server --port=5556 --entry-file=index.html \" \"gulp\" \"npm run tsc:w\" "

my package.json。

しかし、私は私のドッキングウィンドウ・コンフィギュレーションにライブサーバーを統合する方法や、私はライブサーバーの

--entry-file=index.html

オプションなどのオプションができるようなのhttpdを操作できるのか分かりません。

Answer 1

1. ここではhttps://httpd.apache.org/docs/2.4/rewrite/remapping.htmlのようにhttpdを設定する必要があります。これは、ルートの再マッピングを追加するhttpd:latestに基づいて独自のドッカー画像を作成することを意味します。
2. httpdでの使用を中止し、lite-serverを使用して、必要なファイルを提供します。再度、それを行う独自のドッカー画像を作成します。