0
votes

Lire le paramètre du fichier sur le projet bâturé angulaire

J'ai un projet bâti avec la structure par défaut:

 Entrez la description de l'image ici

Je voudrais ajouter un nouveau fichier sur ce répertoire contenant une URL, de sorte que le client construit lit la valeur au moment de l'exécution et apporte les demandes à cette URL, au lieu de définir environnement.prod.ts Et puis la construction.

Pourquoi suis-je essayer de faire ça? Si mon URL de serveur change, avec cette solution, il n'y a pas besoin reconstruire le projet avec la nouvelle valeur de l'URL. Il ne serait que nécessaire de modifier l'URL sur ce nouveau fichier.

est-ce possible? N'a trouvé aucune information à ce sujet.


0 commentaires

3 Réponses :


0
votes

Si votre application est SSR avec Universal angulaire ou une PWA auto-mise à jour, cela pourrait être un motif qui fonctionne.

Mais s'il s'agit d'un projet angulaire standard téléchargé sur le client, je ne suis pas tout à fait sûr que votre mise à jour de cette URL fonctionnera correctement.

Donc, même si je ne vous recommande pas de faire cela, vous pouvez techniquement ajouter un fichier "script" distinct à côté de votre dossier nœud_module et l'ajouter à votre tableau "scripts" angular.json, de la même manière. : xxx

mais bien sûr, ne placez pas votre script personnalisé dans node_modules.


0 commentaires

0
votes

Vous pouvez ajouter le fichier dans actifs et assurez-vous de lire le fichier (ou du contenu dans le fichier) à l'aide de httpClientModule au lieu de l'importer.


0 commentaires

0
votes

Enfin résolu de cette façon:

  • 1. strong> Créer un config.json code> fichier dans les actifs dossier avec l'URL p> li>

  • 2. strong> Créez un service comme ci-dessous: p> li> ul> xxx pré>

    • 3. strong> in app.module.ts: li> ul>

      Créer une fonction: p> xxx pré>

      Ajouter des fournisseurs: P>

      {
        provide: APP_INITIALIZER,
        useFactory: initializerConfigFn,
        multi: true,
        deps: [AppConfigService],
      },
      
      • 4. strong> après NG Build --Prod Code>, un fichier d'actifs est créé avec le fichier config.json code> à l'intérieur. Il y a là où l'URL est définie. Dans le code, j'utilise getServerurl () code> pour obtenir cette URL. LI> ul>

        voici le Tutoriel suivi A >. p> p>


0 commentaires