web-dev-qa-db-fra.com

Comment définir l'URL de base pour Angular application

J'ai une application Angular générée par JHipster. Par défaut, elle s'exécute sur l'URL racine / Et redirige vers /#/. Existe-t-il un moyen de le remplacer par autre chose?

modifier

Désolé, je dois reformuler ma question, car elle est mal interprétée dans toutes les réponses ci-dessous. Je veux faire atterrir mon application générée par JHipster Angular sur autre chose que /, Par exemple /crud/. Le but est de servir du contenu non angulaire sur /. Comment déplacer l'intégralité de l'application de / Vers /crud/? Et avoir toujours / Servi par un fichier statique index.html?

4
Jeroen Kransen

Les étapes ci-dessous permettent de définir l'URL de base sur/crud en production uniquement, ce qui a fonctionné pour moi

  1. dans webpack.prod.js ajoutez ce qui suit dans la section plugins:

    new BaseHrefWebpackPlugin({ baseHref: '/crud' })
    
  2. dans webpack.prod.js dans la section de sortie, ajoutez:

    publicPath: '/crud/',
    

Lors de l'exécution de npm run build l'index.html préfixera baseHref avec '/ crud' et ajoutera également le préfixe 'crud' à tous les css et urls.

1
Chandan Agarwal