Heroku und Angular routing

Question

Ich arbeite an einer eckigen Frontendseite, die mit dem Yoeman Angular-Paket gebaut wurde. Das Projekt wird in Heroku mit dem Build-Pack Node.js gehostet.

Heroku erstellt das Projekt ohne Fehler, es führt Gulp and Bower aus, um Abhängigkeiten zu installieren. Nachdem die Startskripte ausgeführt und das Projekt kompiliert wurde, wird die Indexseite problemlos geladen, aber jede andere Seite, die nicht die Startseite ist (wie beispielsweise die Anmeldeseite), wird in eine Nachricht "Kann nicht GET/Login" fallen.

Dies scheint ein häufiges Problem zu sein, da ich viele Beiträge gelesen habe, wie man das Angular Routing auf Heroku auflöst. Dies sind alle Aktionen, die ich ohne Erfolg zur Zeit genommen haben:

1. Erstellen eines Node.js Web-Server in Express (Ich habe viele Aromen dieses Skript versucht)

   var gzippo = erforderlich ('Gzippo'); var express = require ('express'); var morgan = verlangen ('Morgan'); var app = express();

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

2. Den Ordner dist in .gitignore kommentieren, damit Heroku damit arbeiten kann. Der dist-Ordner wird in Git geschoben.

3. die env Variablen Erstellen NODE_ENV: true, NODE_PATH: true, NPM_CONFIG_PRODUCTION: false

Der Standort perfekt lokal ausgeführt wird, wenn die dist-Dateien als Stand-alone auf einem Apache-Server oder mit dem Knoten ausgeführt wird. js Skript oben.

Ich würde mich über Kommentare freuen, die mir helfen würden, dieses Problem auf Heroku und Angular zu lösen. Danke im Voraus.

Answer 1

Ich vermute, nach all dieser Zeit konnten Sie das schon beheben (oder Sie gingen zu etwas anderem).

In jedem Fall und für alle, die auf ähnliche Probleme stoßen, habe ich ein öffentliches Repo mit einer Angular2 + Express App erstellt, die bereits für die Bereitstellung auf Heroku konfiguriert wurde.

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

Ich kann diese Frage nicht vollständig beantworten, wie ich info bin fehlt, was sind Fehler, die Sie in laufen, aber hoffentlich, einen Blick auf meine Starter Projekt jemand nimmt es herausfinden können.