/ / Heroku et routage angulaire - angularjs, node.js, heroku

Heroku et routage angulaire - angularjs, node.js, heroku

Je travaille sur un site d'extrémité angulaire construit avec le package Yoeman Angular. Le projet est hébergé sur Heroku à l'aide du pack de version Node.js.

Heroku construit le projet sans erreurs, il s'exécuteGulp et Bower pour installer des dépendances. Une fois les scripts de démarrage exécutés et le projet compilé, la page d'index se charge sans problème, mais toute autre page autre que la page d'accueil (comme la page de connexion, par exemple) tombera dans un message «Cannot GET / login».

Cela semble être un problème courant car j'ai lu de nombreux articles sur la façon de résoudre le routage angulaire sur Heroku. Voici toutes les actions que j'ai entreprises sans succès pour le moment:

  1. Création d'un serveur Web Node.js dans Express (J'ai essayé de nombreuses versions de ce script)

    var gzippo = require ("gzippo"); var express = require ("express"); var morgan = require ("morgan"); var app = express ();

    app.use (morgan ("dev")); app.use (gzippo.staticGzip ("" + __dirname + "/ dist")); app.use ("/ bower_components", express.static (__ dirname + "/ bower_components")); app.listen (process.env.PORT || 5000);

  2. Commenter le dossier dist dans .gitignore pour que Heroku fonctionne avec. Le dossier dist est poussé dans Git.

  3. Création des variables env NODE_ENV: true, NODE_PATH: true, NPM_CONFIG_PRODUCTION: false

Le site fonctionne parfaitement localement lorsqu'il exécute les fichiers dist en tant que serveur autonome sur un serveur Apache ou avec le script Node.js ci-dessus.

J'apprécierais tous les commentaires qui pourraient m'aider à résoudre ce problème sur Heroku et Angular. Merci d'avance.

Réponses:

1 pour la réponse № 1

Je suppose qu'après tout ce temps, vous étiez déjà capable de résoudre ce problème (ou vous êtes passé à autre chose).

Dans tous les cas, et pour tous ceux qui rencontrent des problèmes similaires, j’ai créé un référentiel public avec une application Angular2 + Express déjà configurée pour le déploiement sur Heroku.

https://github.com/pabloruiz55/Angular-Express-Heroku

Je ne peux "pas répondre complètement à cette question, car je manque d'informations telles que les erreurs que vous rencontrez, mais j'espère que, en jetant un coup d'œil à mon projet de démarrage, tout le monde peut le comprendre.