Vue img路徑調用靜態資源


最近有個項目,由於是展示性的應用,所以我並不想費時間做后台去維護這個應用少得可憐的內容,所以我把內容放在了json文件中供應用進行讀取。

vue-cli3去掉了static文件,他所有的靜態文件是放在public文件中。

我的內容頁就是單純的文本+圖片

 

 因此調用的時候需要在data中配置public路徑  publicPath:process.env.BASE_URL

 

 然后在讀取的時候,使用模板表達式進行搭建,注意img標簽的src需要使用:src

 

 這樣就基本成功了,讓我們看看發布后的效果applications文件被原封不動的放好了

 


免責聲明!

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



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