So packen und ändern Sie den Zugriffsseitenpfad in Vue

Nachdem Vue gepackt wurde, lautet der Standardzugriffspfad /index.html. Wenn Sie den Zugriffspfad ändern müssen, können Sie die folgenden Schritte ausführen.

1. Öffnen Sie die Datei config/index.js.

Nachdem das Vue-Projekt erstellt wurde, können Sie die Datei index.js in der Konfiguration sehen Verzeichnis, öffnen Sie die Datei.

2. Build.assetsPublicPath ändern

Finden Sie build.assetsPublicPath in der Datei. Dieses Attribut stellt den öffentlichen Pfad der statischen Ressource dar generierter Index. Der Pfad zum Verweisen auf statische Ressourcen in der HTML-Datei.

Der Standardwert ist „/“, was bedeutet, dass der Pfad der statischen Ressourcen relativ zum Stammverzeichnis ist, in dem sich die Datei index.html befindet.

Wenn Sie den Zugriffspfad auf „/myApp/“ ändern müssen, müssen Sie den Wert von build.assetsPublicPath auf „/myApp/“ setzen.

assetsPublicPath: '/myApp/'

3. build.assetsSubDirectory ändern

In derselben Datei finden Sie build.assetsSubDirectory. Dieses Attribut stellt das Speicherverzeichnis der statischen Ressourcen dar.

Der Standardwert ist „statisch“, was bedeutet, dass statische Ressourcen im statischen Verzeichnis unter dem Projektstammverzeichnis gespeichert werden.

Wenn Sie statische Ressourcen im Verzeichnis myApp/static unter dem Projektstammverzeichnis speichern müssen, müssen Sie den Wert von build.assetsSubDirectory auf „myApp/static“ setzen.

assetsSubDirectory: 'myApp/static'

4. Routermodus ändern

Wenn Sie den Routermodus für das Seitenrouting verwenden, müssen Sie auch den Routermodus ändern.

In der Datei router/index.js finden Sie den Code zum Erstellen der Router-Instanz:

const router = new Router({
  mode: 'history',
  routes: [...]
})

Ändern Sie den Modus in „Hash“, was bedeutet, dass der Hash-Modus für die Seite verwendet wird Routenführung.

const router = new Router({
  mode: 'hash',
  routes: [...]
})

5. Führen Sie den Verpackungsbefehl aus.

Nachdem Sie die obige Konfiguration geändert haben, müssen Sie den Verpackungsbefehl zum Verpacken erneut ausführen.

Führen Sie den Verpackungsbefehl aus:

npm run build

Nach Abschluss der Verpackung kann die generierte Datei auf dem Server bereitgestellt werden und der Zugriffspfad ist der festgelegte Pfad.

Das obige ist der detaillierte Inhalt vonSo packen und ändern Sie den Zugriffsseitenpfad in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!