web-dev-qa-db-fra.com

Comment courir Angular application sur le serveur xampp?

Je travaille avec Angular 2 avec php. Avant de commencer PHP avec Angular 2. J'ai fait Angular 2 avec node.js sur le serveur localhost: 3000. Maintenant, avec PHP, comment configurer l’application Angular 2 avec le serveur xampp pour que le code de mon serveur s’exécute sur localhost: 8080. S'il vous plaît aidez-moi sur ce point. 

4
Ahmer Ali Ahsan

Voici ma réponse.

Vous pouvez écrire une application Angular2 simplement en utilisant des packages Angular2 sans utiliser node ou mamp ou xampp et hébergez cette application. Réf

Conformément à la référence ci-dessus, j'ai créé mon application en utilisant 2-cli .__ angulaire. après cela, j’ai apporté une petite modification au fichier index.html de mon répertoire racine, qui est:

<base href="/">

dans

<base href="./">

et construire mon application en utilisant:

ng build --prod

copier le dossier dist et le coller dans mon dossier xampp htdocs et accéder au site en utilisant:

localhost: 8080/dist /

sortie

App fonctionne

11
Ahmer Ali Ahsan

Vous pouvez l'héberger sur n'importe quel serveur en construisant d'abord le projet angulaire à l'aide de la ligne de commande: 

ng build --base-href "/football/" --prod

Cette base href signifiera qu’il s’attend à ce que le serveur final ressemble à: Localhost: 8080/football /.

Vous voulez obtenir tout ce qui est créé dans le dossier dist et le coller sur votre serveur dans un dossier appelé football.

2
Josh Dando

Je pense que vous cherchez quelque chose de similaire à:

serveur angular-cli - comment proxy les requêtes API vers un autre serveur?

Il suffit d’exécuter votre application angulaire 2 à l’aide de la CLI, puis d’ajouter le proxy pour utiliser les services de xampp.

0