問(wèn)題描述

目錄結(jié)構(gòu):

代碼:

<img src='http://www.leifengta.com.cn/wenda/title.png' />

在本地服務(wù)器運(yùn)行可以正常加載, 但是放到服務(wù)器(tomcat)上就無(wú)法加載, 項(xiàng)目部署在webapp/myproject/目錄,在服務(wù)器應(yīng)該請(qǐng)求的圖片路徑是http://1.1.1.1:8080/myproject...但是實(shí)際請(qǐng)求的圖片路徑是http://1.1.1.1:8080/static/im...請(qǐng)問(wèn)如何在vue里把圖片路徑寫(xiě)成當(dāng)前目錄而不是服務(wù)器根目錄

問(wèn)題解答

這個(gè)問(wèn)題我之前遇到過(guò)，已經(jīng)整理成文檔，你需要修改的是webpack配置，然后重新打包就可

剛好這個(gè)我也遇到過(guò)，放在服務(wù)器時(shí)此時(shí)的圖片路徑應(yīng)該是絕對(duì)路徑，在本地時(shí)就按<img src='http://www.leifengta.com.cn/wenda/title.png' />路徑，在服務(wù)器時(shí)就是<img src='http://www.leifengta.com.cn/myproject/static/img/title.45ae5f4.png' />。當(dāng)然上面的方法更加好

你如果用的腳手架，請(qǐng)熟悉下config里面幾個(gè)JS的用途，尤其是index.js

build: {env: require(’./prod.env’),index: path.resolve(__dirname, ’../dist/index.html’),assetsRoot: path.resolve(__dirname, ’../dist’),assetsSubDirectory: ’static’, // 附件資源引用子目錄assetsPublicPath: ’項(xiàng)目正式地址’, // 服務(wù)器資源引用根目錄productionSourceMap: true, }