Detaillierte Erläuterung der BAE-Schritte zum Packen und Hochladen von Vue-Projekten auf Baidu

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Packen eines Vue-Projekts und Hochladen in Baidus BAE geben. Was sind die Vorsichtsmaßnahmen für das Packen und Hochladen eines Vue-Projekt zu Baidus BAE? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

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. Wenn Sie nur npm run build erstellen, wird eine dist-Datei in der VUE-Projektdatei neu erstellt. Dies ist das gepackte Projekt)

2. Die Bereitstellung eines Projekts auf der Anwendungs-Engine BAE von Baidu kostet 2 Cent pro Tag, was sehr günstig ist. Es macht viel Spaß, alleine zu spielen.

Detaillierte Schritte werden in https://cloud.baidu.com/doc/BAE/QuickGuide.html, dem von mir verwendeten GIT-Versionsverwaltungstool, vorgestellt. 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 finden Sie die einzelnen Schritte selbst heraus. (Der Befehl npm install -g express-generator muss vorhanden sein, andernfalls wird möglicherweise angezeigt, dass der Express-Befehl nicht gefunden werden kann)

Als nächstes kommt das Highlight. Obwohl es sehr einfach ist, habe ich es lange studiert.

(1) Löschen Sie zuerst alle drei Dateien in dieser von Git verwalteten Datei mit Ausnahme von app.conf, kopieren Sie dann die Dateien im erstellten Express-Projekt und fügen Sie sie in Git ein In der verwalteten Bibliothek lautet der Dateiname der von Git verwalteten Bibliothek 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 die Eintragsdatei von .js. Ändern Sie gleichzeitig den Port in der WWW-Datei auf 18080. Denn der Standardport von BAE ist 18080.

(2) Kopieren Sie das gepackte Projekt im Vue-Projekt (alle Dateien im Dist-Ordner) in den öffentlichen Ordner und löschen Sie das Original.

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)

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie gehe ich mit Nullparametern in Post in Vue um?

Axios kann die Post-Anfrage springMVC nicht akzeptieren Umgang mit Parametern

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der BAE-Schritte zum Packen und Hochladen von Vue-Projekten auf Baidu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!