javascript – Das in vue referenzierte Bild kann bei der Bereitstellung auf dem Server nicht geladen werden

Question

Verzeichnisstruktur: Code: {code...} Es kann normal geladen werden, wenn es auf dem lokalen Server ausgeführt wird, aber nicht geladen werden, wenn es auf dem Server (Tomcat) platziert wird. Das Projekt wird im Verzeichnis webapp/myproject/ bereitgestellt Der Bildpfad, der auf dem Server angefordert werden sollte, ist http://1.1.1.1:8080/myproject...aber die eigentliche Anfrage...

曾经蜡笔没有小新 · Answer

这个问题我之前遇到过，已经整理成文档，你需要修改的是webpack配置，然后重新打包就可

習慣沉默 · Answer

刚好这个我也遇到过，放在服务器时此时的图片路径应该是绝对路径，在本地时就按路径，在服务器时就是。当然上面的方法更加好

高洛峰 · Answer

你如果用的脚手架，请熟悉下config里面几个JS的用途，尤其是index.js

build: {
        env: require('./prod.env'),
        index: path.resolve(__dirname, '../dist/index.html'),
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static', // 附件资源引用子目录
        assetsPublicPath: '项目正式地址', // 服务器资源引用根目录
        productionSourceMap: true,
    }

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial