Comment configurer apache pour angulaires 2

J'ai besoin de configurer un hôte virtuel pour angular2. J'ai essayé de suivre cet article 

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

En fonction de cela, j'ai besoin de la configuration de l'hôte virtuel comme ce

<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>

Quelqu'un peut-il me dire ce que devrait être le chemin d'accès à l'application en tant que mon application est en cours d'exécution par défaut angulaire 2 port 4200.
Est-il un autre moyen de le faire.

  • Vous dites que votre application est en cours d'exécution sur le défaut Angulaire 2 port 4200 c'est lors de l'utilisation d'un serveur local pour le développement? Lorsque vous voulez l'utiliser sur un serveur de production, vous serait de construire la Angular2 application en fonction de votre build, si vous utilisez angulaires-cli vous utilisez ng build --prod et de télécharger le contenu de la dist dossier de votre serveur apache racine du document pour l'hôte virtuel.
  • je l'ai fait et l'application est en cours d'exécution sur l'ip:4200, mais je veux l'utiliser hôtes virtuels pour exemple: www.testapp.com et le rediriger vers mon angulaire de l'application à l'aide d'apache
  • Vous utilisez le contenu à l'intérieur de la dist dossier juste comme n'importe quel autre site web, vous téléchargez le contenu et servir via apache et assurez-vous que tous .les fichiers html en charge par index.html. Ce dont vous parlez, c'est le local serveur de test qui est créé lors de l'exécution Angulaire dans un environnement de test, vous ne serez pas à l'aide de NodeJS pour servir le Angular2 application vous permettra d'utiliser votre serveur Apache. Le ng serve est juste pour servir le développement local serveur, il n'a rien à voir avec Angulaire. Vous utilisez angulaires-cli droit?
  • Juste pour être sûr... votre projet EST en fait angulaires-cli ou une sorte de webpack??
InformationsquelleAutor kirti | 2016-12-27
  1. 16

    angulaires-cli construire

    Sur votre environnement local de développement exécuter ng build --prod dans votre racine du projet.

    Cela va créer un dossier appelé dist, vous voulez placer tous les fichiers et dossiers à partir dist à votre Apache répertoire racine de votre serveur.

    De configuration apache pour servir les itinéraires de index.html. Vous disposez de deux méthodes que vous pouvez utiliser, modifier votre hôte virtuel ou de l'utilisation .htaccess dans la racine de votre site web répertoire.

    Option 1: Hôte Virtuel

    <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>

    Option 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>
    • J B Pouvez-vous me dire ce que index.html fichier.Pouvez-vous me montrer l'exemple de index.html
    • L'index qui se trouve dans votre dossier dist. Pouvez-vous s'il vous plaît confirmer votre système de construction que vous utilisez. Webpack ou SystemJS? Êtes-vous à l'aide angulaires-cli?
    • S'il vous plaît dites-moi comment le config va changer si j'aurais besoin d'un VirtualDirectory avec un alias à l'intérieur angulaire dossier app. Par exemple /api point d' /angularappfolder/service/ ?
    • S'il vous plaît ajouter votre fichier de configuration d'apache, donc je comprends ce que vous avez déjà.
    • Je suis nouveau sur ce mod_rewrite de configuration. Voulais juste confirmer ma compréhension des conditions et des règles que vous avez mentionné. 1. Les deux premières conditions signifie, If the url is pointing to a file or a directory then render it and exit 2. La première règle de réécriture sera come in action if the first two conditions didn't match and will simply close the condition checking for the above two conditions (ce qui est - entre ^ et L ?) 3. La deuxième règle de réécriture dit If it is none of the above, then redirect to index.html
    • Oui c'est exact et ^ moyens correspondent à rien de ce - signifie ne rien faire
    • .htaccess exemple fonctionne comme prévu.
    • Option 1: besoin d'un changement pour apache2.4 ajouter Require all granted dans Directory directive.

    InformationsquelleAutor J J B