So stellen Sie ein vuejs-Projekt in heroku bereit

8

Ich arbeite an diesem Projekt vor Ort Ссылка , aber jetzt, wo es fertig ist, möchte ich es zu Heroku schieben. Das Problem ist Heroku zu sagen, die App zu starten.

Im Heroku-Beispiel läuft der Demo-Server nach dem Abrufen der Informationen von Procfile mit diesen Daten

%Vor%

Aber in meinem vuejs-Projekt gibt es keine index.js, die den Inhalt verwaltet.

Ich habe nur den Haupteingangspunkt, der index.html ist und die Procfile funktioniert nicht mit HTML.

    
hidar 08.09.2017, 14:57
quelle

3 Antworten

2

Sie müssen Ihre package.json-Datei aktualisieren, um heroku über die Pakete informieren zu können, zum Beispiel, wenn Sie express zum Bereitstellen Ihrer Dateien verwenden:

%Vor%

server.js

%Vor%

Vergessen Sie nicht bauen .

Sehen Sie hier, um mehr über Build conf zu erfahren: Anpassen des Buildprozesses - Heroku


Sie können den HTTP-Server auch global installieren, wenn das eine Option ist:

%Vor%

und aktualisieren Sie die Procfile, um die in den obigen Antworten erwähnte Konfiguration hinzuzufügen.

  

Nur zu wissen:

  • npm install installiert sowohl "Abhängigkeiten" als auch "devDependencies"
  • npm install - Produktion installiert nur "Abhängigkeiten"
  • npm install - dev installiert nur "devDependencies"
bhansa 17.09.2017, 14:12
quelle
8

Sie müssen auch einen kleinen statischen Server definieren, der Ihre index.html -Datei bereitstellt. Eine einfache Beispielkonfiguration wäre mit http-server :

%Vor%

Und dein Procfile wird zu:

%Vor%     
Kano 08.09.2017 17:09
quelle
2

Verwendung von http-server . aber das Paket ist nicht global installiert, daher müssen Sie den vollständigen Pfad dazu verwenden:

web: ./node_modules/http-server/bin/http-server ./ -p $PORT

    
M.Sallam 11.09.2017 23:33
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Numerische Äquivalenz zwischen HTML Zeichen Entitäten und Delphi?