Beheben Sie den Pfadfehler beim verpackten Vue-Cli-Bild

Dieses Mal werde ich Ihnen eine Lösung für den Pfadfehler im Vue-Cli-Paket Bild bringen ist ein praktischer Fall.

Ich habe kürzlich zum ersten Mal ein Projekt mit vue-cli erstellt und es zum ersten Mal auf dem Server bereitgestellt. Das Bild

konnte schließlich nicht geladen werden, indem ich es online kombinierte Methoden. Es gibt zwei Arten der Bereitstellung von Projekten auf dem Server: Eine besteht darin, sie direkt im Stammverzeichnis des Servers bereitzustellen, und die andere darin, sie in einem Unterverzeichnis des Servers bereitzustellen 1. Stellen wir es zunächst im Stammverzeichnis bereit, zum Beispiel: www.****.com

Suchen Sie die index.

js

-Datei im Konfigurationsordner im Projekt Ändern Sie as

set

sPublicPath: '/' in der Datei in das folgende Feld. Der Zweck besteht darin, den absoluten Pfad in einen relativen Pfad zu ändern

Wenn Sie es im Stammverzeichnis ablegen, ist es in Ordnung

2. Platzieren Sie es in einem Unterverzeichnis, z. B.: www.***.com/community/dist

Der erste Schritt ist in zwei Schritte unterteilt und entspricht dem oben genannten

Platzieren Sie nach dem Packen mit dem Befehl

npm run build

die dist-Datei im Community-Ordner, damit das Bild angezeigt werden kann. 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:

Knoten betreibt Text, um Bilder zu generieren

Eine detaillierte Erklärung der Interaktions- und Überprüfungsschritte bei AngularJs Benutzer melden sich an

Das obige ist der detaillierte Inhalt vonBeheben Sie den Pfadfehler beim verpackten Vue-Cli-Bild. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!