javascript - vue裡引用的圖片 部署到伺服器載入失敗
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-07-05 10:26:18
0
3
1294

目錄結構:

程式碼:

<img src="./title.png" />

在本機伺服器運作可以正常載入,
但是放到伺服器(tomcat)上就無法載入, 專案部署在webapp/myproject/目錄,
在伺服器應該要求的圖片路徑是http:// 1.1.1.1:8080/myproject...
但是實際請求的圖片路徑是http://1.1.1.1:8080/static/im...
請問如何在vue裡把圖片路徑寫成目前目錄而不是伺服器根目錄

曾经蜡笔没有小新
曾经蜡笔没有小新

全部回覆(3)
曾经蜡笔没有小新

這個問題我之前遇到過,已經整理成文檔,你需要修改的是webpack配置,然後重新打包就可

習慣沉默

剛好這個我也遇到過,放在伺服器時此時的圖片路徑應該是絕對路徑,在本地時就按路徑,在伺服器時就是。當然上面的方法比較好

小葫芦

你如果用的鷹架,請熟悉下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,
    }
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!