Déployer Angulaire 2 de du Serveur Apache

Je veux déployer Angulaire à 2 application sur un serveur Apache. J'ai lu de nombreux guides comme cette et cette mais aucun d'eux de travailler. J'ai npm et ng installé sur le serveur.

En résumé, voici ce que j'ai fait:

  1. Cloné complète du projet de référentiel sur mon serveur.
  2. Installé les dépendances à l'aide de npm install.
  3. Utilisé ng build --prod commande et il a créé une dist répertoire.
  4. Changé apache la racine à la /var/www/html/dist répertoire.
  5. Activé mod_rewrite, redémarré apache et a ajouté ce .htaccess dans mon dist répertoire.

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

Mais seulement ma page d'accueil domain.com œuvres, d'autres pages comme domain.com/login, domain.com/register etc. jeter l'erreur 404. Même domain.com/index.html/login ne fonctionne pas.

L'application fonctionne très bien sur mon système local où je suis en développement à l'aide de ng serve. Ce qui me manque?

OriginalL'auteur Kanav | 2017-03-27

  1. 11

    Créer .htaccess fichier dans le dossier racine et collez cette .htaccess

     <IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>
    C'est ce qui fonctionne pour moi. ez-pz.
    Fonctionne pour moi aussi avec PHP-Slim sur le backend et Angulaire 6
    assurez-vous que le mod_rewrite est sur a2enmod rewrite && apache2 restart

    OriginalL'auteur Sumit Jaiswal

  2. 9

    Il semble qu'il me manquait dans mon /etc/apache2/sites-enabled/000-default.conf fichier. Après l'ajout de cette et redémarrage apache, le site fonctionne très bien.

    <Directory "/var/www/html/dist">
  AllowOverride All
</Directory>
    pas de travail pour moi. J'ai généré dist avec ng-build et déployé dans le serveur apache,
    merci cela a été utile
    Merci. Et cette approche fonctionne pour les linode serveur cloud.

    OriginalL'auteur Kanav

  3. 4

    1) Changement de la base de balise index.html fichier

    <base href="./">

    2) Projet De Construction D':

    ng build --prod --base-href /myproject/

    3) Ajoutez votre dist fichiers dans "/usr/local/apache2/htdocs/monprojet/"

    4)Sur le Serveur Apache 2.4 (httpd)
    Dans le Fichier: /usr/local/apache2/conf/httpd.conf configuration "directive fallbackresource"

    <Directory "/usr/local/apache2/htdocs">
   ...
   FallbackResource /myproject/index.html
</Directory>

    complet du fichier "/usr/local/apache2/conf/httpd.conf":

    ServerRoot "/usr/local/apache2"

Listen 80

LoadModule mpm_event_module modules/mod_mpm_event.so
LoadModule authn_file_module modules/mod_authn_file.so
LoadModule authn_core_module modules/mod_authn_core.so
LoadModule authz_host_module modules/mod_authz_host.so
LoadModule authz_groupfile_module modules/mod_authz_groupfile.so
LoadModule authz_user_module modules/mod_authz_user.so
LoadModule authz_core_module modules/mod_authz_core.so
LoadModule access_compat_module modules/mod_access_compat.so
LoadModule auth_basic_module modules/mod_auth_basic.so
LoadModule reqtimeout_module modules/mod_reqtimeout.so
LoadModule filter_module modules/mod_filter.so
LoadModule mime_module modules/mod_mime.so
LoadModule log_config_module modules/mod_log_config.so
LoadModule env_module modules/mod_env.so
LoadModule headers_module modules/mod_headers.so
LoadModule setenvif_module modules/mod_setenvif.so
LoadModule version_module modules/mod_version.so

LoadModule unixd_module modules/mod_unixd.so
LoadModule status_module modules/mod_status.so
LoadModule autoindex_module modules/mod_autoindex.so

<IfModule !mpm_prefork_module>
    #LoadModule cgid_module modules/mod_cgid.so
</IfModule>
<IfModule mpm_prefork_module>
    #LoadModule cgi_module modules/mod_cgi.so
</IfModule>

LoadModule dir_module modules/mod_dir.so
LoadModule alias_module modules/mod_alias.so
LoadModule rewrite_module modules/mod_rewrite.so

<IfModule unixd_module>
User daemon
Group daemon

</IfModule>
ServerAdmin [email protected]

<Directory />
    AllowOverride none
    Require all denied
</Directory>

DocumentRoot "/usr/local/apache2/htdocs"
<Directory "/usr/local/apache2/htdocs">
    Options Indexes FollowSymLinks
    AllowOverride None
    Require all granted
    FallbackResource /myproject/index.html
</Directory>

<IfModule dir_module>
    DirectoryIndex index.html
</IfModule>

<Files ".ht*">
    Require all denied
</Files>

ErrorLog /proc/self/fd/2

LogLevel warn

<IfModule log_config_module>
    LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\"" combined
    LogFormat "%h %l %u %t \"%r\" %>s %b" common

    <IfModule logio_module>
      LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-Agent}i\" %I %O" combinedio
    </IfModule>

    CustomLog /proc/self/fd/1 common

</IfModule>

<IfModule alias_module>

    ScriptAlias /cgi-bin/"/usr/local/apache2/cgi-bin/"

</IfModule>

<IfModule cgid_module>
</IfModule>


<Directory "/usr/local/apache2/cgi-bin">
    AllowOverride None
    Options None
    Require all granted
</Directory>

<IfModule headers_module>
    RequestHeader unset Proxy early
</IfModule>

<IfModule mime_module>
    TypesConfig conf/mime.types

    AddType application/x-compress .Z
    AddType application/x-gzip .gz .tgz

</IfModule>

<IfModule proxy_html_module>
Include conf/extra/proxy-html.conf
</IfModule>

<IfModule ssl_module>
SSLRandomSeed startup builtin
SSLRandomSeed connect builtin
</IfModule>

    OriginalL'auteur rafambbr

  4. 3

    Pour Apache, pour rediriger toute demande d'index.html vous avez besoin d'un .fichier htaccess à la racine.
    Il suffit de créer un .htaccess dans votre dossier dist (même niveau que index.html), je suppose que c'est le public de la racine de votre application, et collez la dans le .htaccess:

    RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# not rewrite css, js and images
RewriteCond %{REQUEST_URI} !\.(?:css|js|map|jpe?g|gif|png)$ [NC]
RewriteRule ^(.*)$ /index.html?path=$1 [NC,L,QSA]

    Maintenant, n'importe quel chemin que vous demandez, Apache va toujours servir votre index.html fichier, à l'exception des demandes réelles des fichiers existants (RewriteCond %{REQUEST_FILENAME} !-f) et des demandes de css, js etc. (RewriteCond %{REQUEST_URI} !.(?:css|js|map|jpe?g|gif|png)$) - qui a besoin d'être exclu, parce que vous voulez vraiment.
    Aussi, l'Apache mod_rewrite d'extension doit être activée pour que cela fonctionne. Le plus souvent, elle est activée. Si non, demandez à votre fournisseur d'hébergement

    OriginalL'auteur Md Ayub Ali Sarker

  5. 2

    1. Changement de la base de balise index.html fichier

      <base href="./">

    2. Créer une génération après que

      ng build --prod

    3. Vous avez maintenant un nouveau dossier dist, déployer dist dossier maintenant. Il devrait fonctionner.

    OriginalL'auteur krunal shah

  6. 1

    Changement de la base de balise index.html fichier

    Exécuter: 

    ng build --prod -bh "http://example.net"

    OriginalL'auteur Fernix

  7. 0

    ouvrir votre index.html dans le répertoire dist après

    ng build --prod

    et Chang élément de base de votre site nom DNS par exemple, pour mon serveur apache local
    J'ai changé de 

    <base href="/">

    à

    <base href="//localhost/angular2/ng2-cli/dist/">

    OriginalL'auteur Mohannd