Die Vue-Projektverpackung wird über Baidu BAE auf Online-Instanzen veröffentlicht

Nach zwei Tagen Recherche wurde das VUE-Paketprojekt endlich online über BAE veröffentlicht. Obwohl es immer noch einige Probleme mit der Schnittstelle gibt, bin ich immer noch sehr zufrieden. Lassen Sie uns zunächst über die für dieses Projekt erforderlichen Technologien sprechen, die Anwendungs-Engine BAE von vue+express+git+Baidu. Während ich die Bearbeitung fortsetzte, habe ich schließlich die simulierten Daten der von mir geschriebenen JSON-Datei hochgeladen.

Spezifische Schritte:

1. Lassen Sie uns zunächst über die Verpackung des geschriebenen Vue-Projekts sprechen (ich werde nicht auf den spezifischen Verpackungsprozess eingehen. Führen Sie einfach npm build aus, es wird neu sein -Erstellt in der VUE-Projektdatei. Erstellen Sie eine dist-Datei. Dies ist das gepackte Projekt nur 2 Cent pro Tag. Es macht viel Spaß, alleine zu spielen.

Die detaillierten Schritte werden unter https://cloud.baidu.com/doc/BAE/QuickGuide.html vorgestellt. Ich verwende das GIT-Versionsverwaltungstool. Stellen Sie sicher, dass Sie den Typ nodejs0.10.21-web auswählen. Weil wir ein Express-Framework verwenden. Nachdem Sie Ihre eigene Bibliothek gemäß den Schritten erstellt haben. Machen Sie sich zunächst mit dem Konfigurationsdokument vertraut.

3. Installieren Sie espress in der von Ihnen erstellten Bibliothek und befolgen Sie die spezifischen Schritte selbst. (Der Befehl npm install -g express-generator muss vorhanden sein, sonst wird möglicherweise angezeigt, dass der Express-Befehl nicht gefunden werden kann.)

Der nächste Schritt ist das Highlight. Obwohl er sehr einfach ist, habe ich ihn eine Weile studiert lange Zeit.

(1) Löschen Sie zuerst alle drei Dateien in der von Git verwalteten Datei mit Ausnahme von app.conf, kopieren Sie dann die Dateien in dem von Ihnen erstellten Express-Projekt und legen Sie sie in der von Git verwalteten Bibliothek ab. Git Der Dateiname der verwalteten Bibliothek ist grundsätzlich test1appid245yn4jb32. test1 ist der Ordner, den ich erstellt habe, und der Ordner appid245yn4jb32 wurde remote von Git geklont. Kopieren Sie alle Dateien des von Express erstellten Projekts, einschließlich der Abhängigkeiten, in den Ordner appid245yn4jb32. Fügen Sie gleichzeitig das Suffix js zur www-Datei im bin-Ordner hinzu. Denn dieses BAE erkennt nur .js-Eintragsdateien. Ändern Sie gleichzeitig den Port in der WWW-Datei auf 18080. Da der Standardport von BAE 18080 ist.

(2) Kopieren Sie das gepackte Projekt im Vue-Projekt (alle Dateien im dist-Ordner) in den öffentlichen Ordner und kopieren Sie es. Löschen Sie das Original eins.

Laden Sie auf diese Weise alle Dateien hoch, öffnen Sie die Website und Sie sollten die Dinge im Vue-Projekt sehen können. (Es sieht einfach so aus, als gäbe es keine Daten)

Verwandte Empfehlungen:

So packen Sie Vue-Projekte in statische Dateien

Das obige ist der detaillierte Inhalt vonDie Vue-Projektverpackung wird über Baidu BAE auf Online-Instanzen veröffentlicht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!