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

鍍金池/ 問(wèn)答/HTML/ nuxt圖片問(wèn)題

nuxt圖片問(wèn)題

使用 :src="item.url"
這種方式綁定圖片為什么不行，只能寫(xiě)成靜態(tài)

或者在data里面這樣寫(xiě)

data () {

return {
    item: {
        url: require('~/assets/img/home.png')
    }
}

}

為什么使用直接 :src="item.url"會(huì)不行？

回答
編輯回答
別瞎鬧

你的url是'~/assets/img/home.png'，這個(gè)路徑在你的服務(wù)器下是訪問(wèn)不了的。

你可以把這個(gè)圖片放到cdn上，或者你服務(wù)器可以直接訪問(wèn)的路徑下面，就可以了

2017年6月28日 17:40
編輯回答
故人嘆

因?yàn)槟阒苯訉?xiě)成靜態(tài)的，會(huì)經(jīng)過(guò)webpack進(jìn)行編譯，從而得到打包后正確的圖片真實(shí)路徑。
如果你寫(xiě)成動(dòng)態(tài)的，webpack就不會(huì)進(jìn)行編譯，原封不動(dòng)的把'~/assets/img/home.png'放到你圖片的src里面，試問(wèn)，http://xxx.xxx.xxx/~/assets/img/home.png存在這張圖片嗎？

2017年4月28日 02:56