Heim > Web-Frontend > js-Tutorial > Hauptteil

So veröffentlichen Sie ein Vue-Projekt über Baidus BAE

php中世界最好的语言
Freigeben: 2018-03-28 14:11:08
Original
1399 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie das Vue-Projekt über Baidus BAE veröffentlichen. Was sind die Vorsichtsmaßnahmen für die Veröffentlichung des Vue-Projekts über Baidus BAE? sehen.

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.

Im weiteren Verlauf der Bearbeitung habe ich endlich die simulierten Daten der von mir geschriebenen JSON-Datei hochgeladen.

Spezifische Schritte:

1. Lassen Sie uns zunächst über die Verpackung des schriftlichen Vue-Projekts sprechen (ich werde nicht näher darauf eingehen). Verpackungsprozess, gehen Sie einfach direkt zu npm run build erstellt eine dist-Datei in der VUE-Projektdatei neu. (Dies ist das gepackte Projekt)

2. Stellen Sie ein Projekt in Baidu bereit Application Engine BAE, nur 2 Cent pro Tag ist sehr günstig. Es macht viel Spaß, alleine zu spielen.

Die detaillierten Schritte werden in

https://cloud.baidu.com/doc/BAE/QuickGuide.html, dem GIT-Versionsverwaltungstool, das ich verwende, 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 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 die

Eintragsdatei von .js. Ä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 löschen Sie das Original.

Laden Sie alle

Dateien wie folgt 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. Für weitere spannende Informationen zahlen Sie bitte Beachten Sie auch andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Warum Axios-HTTP-Anfragen nicht in vue2 verwendet werden können

Bei Vue-Prozessen werden Post-Request-Parameter übergeben Axios-Frage

Das obige ist der detaillierte Inhalt vonSo veröffentlichen Sie ein Vue-Projekt über Baidus BAE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!