角度2のためのApacheを設定する方法

Question

私はangular2の仮想ホストを設定する必要があります。私は、誰もが私のアプリは、デフォルトの角度で実行されているとして、アプリケーションへのパスがどうあるべきかを教えてもらえます私はこの

<VirtualHost *:80> 
    ServerName my-app 

    DocumentRoot /path/to/app 

    <Directory /path/to/app> 
     RewriteEngine on 

     # Don't rewrite files or directories 
     RewriteCond %{REQUEST_FILENAME} -f [OR] 
     RewriteCond %{REQUEST_FILENAME} -d 
     RewriteRule^- [L] 

     # Rewrite everything else to index.html 
    # to allow html5 state links 
     RewriteRule^index.html [L] 
    </Directory> 
</VirtualHost> 

などの設定仮想ホストに必要なこれによると、この記事

https://www.packtpub.com/mapt/book/Web+Development/9781783983582/2/ch02lvl1sec15/Configuring+Apache+for+Angular 

を以下試してみました2ポートは4200です。 他の方法がありますか？

Answer 1

角度-CLIは、プロジェクトのルートにng build --prodを実行して、ローカルの開発環境で

を構築します。

distという名前のフォルダが作成され、dist内のすべてのファイルとフォルダをサーバーのApacheルートディレクトリに配置します。

apacheがindex.htmlへのルートを提供するように設定します。 2つの方法があります。仮想ホストを編集するか、ウェブサイトのルートディレクトリで.htaccessを使用します。

---

オプション1：仮想ホスト

<VirtualHost *:80> 
    ServerName my-app 

    DocumentRoot /path/to/app 

    <Directory /path/to/app> 
     RewriteEngine on 

     # Don't rewrite files or directories 
     RewriteCond %{REQUEST_FILENAME} -f [OR] 
     RewriteCond %{REQUEST_FILENAME} -d 
     RewriteRule^- [L] 

     # Rewrite everything else to index.html 
     # to allow html5 state links 
     RewriteRule^index.html [L] 
    </Directory> 
</VirtualHost> 

---

オプション2：.htaccessの

<IfModule mod_rewrite.c> 
    RewriteEngine on 

    # Don't rewrite files or directories 
    RewriteCond %{REQUEST_FILENAME} -f [OR] 
    RewriteCond %{REQUEST_FILENAME} -d 
    RewriteRule^- [L] 

    # Rewrite everything else to index.html 
    # to allow html5 state links 
    RewriteRule^index.html [L] 
</IfModule>