Grafische Erläuterung der Verpackung und des Starts des vue.js-Projekts

Dieser Artikel enthält hauptsächlich ein grafisches Tutorial für die Verpackung und den Start des vue.js-Projekts. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

In letzter Zeit habe ich darauf bestanden, jeden Monat ein kleines vue.js-Entwicklungsprojekt zu schreiben. Nachdem die endgültige Entwicklung abgeschlossen war, fiel mir eine Frage ein, die ich schon vor langer Zeit anderen beantwortet hatte: Wie geht man online? Zu dieser Zeit gab es alle möglichen seltsamen Antworten. Ich denke, alle Vue-Beamten haben gesagt, dass dieses Framework nur die Ansichtsebene übernimmt und die entwickelten Dinge nicht direkt kopiert Der Server muss zum Hochladen als statische Dateien gepackt werden. Hier liste ich einfach den Prozess auf:

Zuerst müssen Sie die Konfigurationsdatei vor dem Packen ändern. Viele Leute sind auf Probleme gestoßen, wie zum Beispiel, dass sie nach dem Packen leer sind. Diese Probleme sind hauptsächlich Pfadprobleme, daher müssen sie die Optionen ändern in der Konfigurationsdatei index.js unter config:

Das erste, was im obigen Bild geändert werden muss, ist der Pfad der statischen Datei. Nach dem Packen wird die statische Datei geändert sich im aktuellen Verzeichnis befinden, also ändern Sie es in ./

Die zweite besteht darin, die Umgebung auf die Produktionsumgebung festzulegen

Öffnen Sie nach der Änderung cmd und führen Sie den folgenden Befehl zum Packen aus:

Beachten Sie den folgenden Tipp, der Ihnen sagt, dass diese gepackte Datei auf dem Server abgelegt werden muss, bevor sie nicht direkt mit einem Browser geöffnet werden kann Die Struktur der gepackten Datei ist wie folgt:

Zu diesem Zeitpunkt müssen wir den Server verwenden, um auf index.html zuzugreifen. Viele Leute können hier auf einige Probleme stoßen. Sie können beispielsweise Proxytable verwenden, um domänenübergreifende Probleme zu lösen. Sie müssen dieses Problem selbst über den Server lösen domänenübergreifende Lösung, die für den Komfort aller entwickelt wurde.

Verwandte Empfehlungen:

Detaillierte Erläuterung des Batch-Downloads und Packens von Dateien in Vue

Paket-Zero-Configuration-Vue-Entwicklungsgerüst des Verpackungstools

Detailliertes Beispiel für den richtigen Umgang mit der leeren Anzeige nach dem Verpacken von Vue

Das obige ist der detaillierte Inhalt vonGrafische Erläuterung der Verpackung und des Starts des vue.js-Projekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!