vue-webpack-simple模板build后圖片加載問題


按照vuejs官方的腳手架生成了demo代碼,並運行,步驟如下:

$ npm install -g vue-cli
$ vue init webpack-simple my-project
$ cd my-project
$ npm install
$ npm run dev

打開瀏覽器,可以看到demo的頁面:

此時打包后的build.js是在內存中的。如果要生成打包后的build.js需要執行下面的命令:

npm run build

想把打包后的build.js放到java web項目中的src目錄下試着運行,html,js加載成功,頁面能顯示,但是圖片沒有顯示出來,看了下圖片的路徑,在這里:

於是給項目中,增加了assets目錄,把圖片拷進去,重新執行,沒有用。

又看了下請求的url,發現圖片的路徑在dist路徑下

Request URL:
http://localhost:8080/dist/logo.png?82b9c7a5a3f405032b1db71a25f67021

 重新拷貝圖片到webapp目錄下

再次運行項目,圖片加載成功!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM