Was tun, wenn der Bildpfad nach dem Packen von vue.js falsch ist?

Lösung für den falschen Bildpfad, nachdem vue.js gepackt wurde: 1. Ändern Sie [assetsPublicPath: './']; 2. Öffnen Sie [webpack.prod.conf.js] und fügen Sie [publicPath: './'] hinzu die Ausgabe. Die Lösung für den falschen Bildpfad nach vue.js ist gepackt: in das Bild:

( 1),

Ändern Sie assetsPublicPath: './'

(2), öffnen Sie webpack.prod.conf.js und fügen Sie publicPath hinzu: './' in der Ausgabe:

Obwohl das Problem mit der Ressourcenpfadreferenz gelöst ist, wird das Hintergrundbild in der Ressource immer noch nicht angezeigt. Hintergrund: url("../../assets/images/logo-index.png ") no-repeat; ist relativ. Nach dem Packen wird es zu url(static/img/logo-index.2fbf2.png) no-repeat, daher müssen wir den normalen Pfad der CSS-Referenz beibehalten Bild, das heißt: url(../ ../static/img/logo-index.2fbf2.png) no-repeatDann müssen Sie den utils.js-Code im Build ändern Ordner, wie in der Abbildung gezeigt:
Fügen Sie publicPath: '. ./../' hinzu. Diese Codezeile kann das Problem der Schriftart- oder Bildreferenz lösen.

Verwandte kostenlose Lernempfehlungen:

Javascript

(Video)

Das obige ist der detaillierte Inhalt vonWas tun, wenn der Bildpfad nach dem Packen von vue.js falsch ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!