問題描述

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

代碼:

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

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

問題解答

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

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

你如果用的腳手架，請熟悉下config里面幾個JS的用途，尤其是index.js

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