Comment déployer angulaires-cli application sur iis

Ici est de savoir comment je remédier à cette situation;

• Créer un projet avec angulaires-cli
• Créer votre application avec ng build
• Ouvrir IIS, créer un nouveau répertoire virtuel et de montrer dist dossier
• Ensemble base href dans votre index.html de / à /yourAliasNameOnIIS

• Utiliser ce site web.config pour rediriger les demandes vers votre index.html page

  <system.webServer>
  <rewrite>
    <rules>
      <rule name="AngularJS Routes" stopProcessing="true">
        <match url=".*" />
        <conditions logicalGrouping="MatchAll">
          <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
          <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
        </conditions>
        <action type="Rewrite" url="/yourAliasNameOnIIS" />
      </rule>
    </rules>
  </rewrite>
  

• Convertir votre répertoire virtuel à une application web

Vous pouvez également utiliser ng build --deploy-url "/yourAliasNameOnIIS" de changer src chemin dans dist/index.html.

J'espère que cela aide!

OriginalL'auteur ulubeyn

Pour moi, c'était très simple:

1. Exécuter le ng commande de construction. Il va générer le dossier dist.
2. Faire href="" dans le index.html fichier.
3. Donner la dist chemin d'accès au dossier d'applications IIS et il va fonctionner.

Ce qui la rend encore plus simple, vous n'avez pas besoin de modifier le index.html fichier:

ng build -prod --base-href

OriginalL'auteur Dileep

J'ai appelé beaucoup de suggestion, ce qui a fonctionné pour moi a été ce lien

Une bonne explication pourquoi les choses doivent être configurés de façon différente pour des angles d'application sont clairement décrites ici. Suivi la procédure décrite dans le lien et ensuite j'ai ajouté une web.config dans le dossier des fichiers à l'emplacement ci-dessous les paramètres:

<?xml version="1.0"?>
<configuration>
<system.webServer>  
    <rewrite>
      <rules>
        <rule name="AngularJS Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
  </rewrite>
 </system.webServer>
</configuration>

Les paramètres sont également décrites dans le lien ci-dessus.
Espérons que cela aide quelqu'un.

OriginalL'auteur Zaker

pour ceux qui utilisent angulaire i18n, vous avez à construire l'application pour chaque langue et les mettre dans des dossiers séparés

ng build --output-path=dist/fr --prod --bh /fr/
ng build --output-path=dist/en --prod --bh /en/

et voici la config pour iis

<?xml version="1.0" encoding="UTF-8"?>
 <configuration>
  <system.webServer>
    <directoryBrowse enabled="true" />
    <rewrite>
        <rules>
            <rule name="Imported Rule 1" stopProcessing="true">
                <match url="^../index\.html$" ignoreCase="false" />
                <action type="None" />
            </rule>
            <rule name="Imported Rule 2" stopProcessing="true">
                <match url="(..)" ignoreCase="false" />
                <conditions logicalGrouping="MatchAll">
                    <add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
                    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
                </conditions>
                <action type="Rewrite" url="{R:1}/index.html" />
            </rule>
            <rule name="Imported Rule 3">
                <match url="^$" ignoreCase="false" />
                <conditions logicalGrouping="MatchAll">
                    <add input="{HTTP_ACCEPT_LANGUAGE}" pattern="^fr" />
                </conditions>
                <action type="Redirect" url="/fr/" redirectType="Found" />
            </rule>
            <rule name="Imported Rule 5">
                <match url="^$" ignoreCase="false" />
                <conditions logicalGrouping="MatchAll">
                    <add input="{HTTP_ACCEPT_LANGUAGE}" pattern="^es" negate="true" />
                </conditions>
                <action type="Redirect" url="/en/" redirectType="Found" />
            </rule>
        </rules>
    </rewrite>
 </system.webServer>
 </configuration>

OriginalL'auteur Fateh Mohamed