在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue.js中如何動態(tài)引用asserts里面的圖片資源?

vue.js中如何動態(tài)引用asserts里面的圖片資源?

在頁面上用img標簽顯示一些圖片,圖片的名稱是通過api從后端動態(tài)獲取的,直接用src/asserts/imagename的方式來顯示的話,dev模式下正常,build之后發(fā)布在生產(chǎn)環(huán)境就不行了,顯示不出來,請問應(yīng)該用什么辦法引用?

回答
編輯回答
咕嚕嚕

你好, 問題應(yīng)該是build后圖片名稱變化了。你可以將本地圖片import。然后和名稱/后臺返回的name做個map或object的映射 一一對映。還有可以Google或百度下怎么將webpack配置是否可以圖片名稱不變。

2018年3月25日 23:32
編輯回答
朕略傻

可以把圖片放到static下img文件下

2017年3月10日 18:34
編輯回答
鹿惑

在dev模式下,你的圖片在哪個路徑下是明確的,當你從后臺的api獲取到圖片的name然后再去用img標簽的src去引用圖片是可以找到的。build以后代碼會被合并,圖片會被更根據(jù)是被否引用而打包到一起,這是編譯時(即build)完成的,而題主所說是運行時(即run)進行的,從后臺api獲取的圖片name對應(yīng)的圖片由于在打包的時候不知道要被引用,所以沒被build進去,完成正式包運行錯誤。?
方法一:?
題主可采用二樓所說將圖片放到static目錄下的image,static目錄下的圖片是會全部被打包的(無論build時是否被引用)。?
方法二:?
題主可將可能用到的圖片import或require進對應(yīng)頁面,然后在實現(xiàn)自己的邏輯。

2018年9月3日 00:48