在vue中, 經常會遇到img標簽不展示的問題, 本人遇到兩種, 都是因為webpack打包, 導致找不到路徑, 所以不現實,
總結幾個可以解決本地圖片路徑顯示不出來的問題：
1.把圖片放在src同級的static文件夾下。
2.把圖片放在cdn上，把網絡地址存在imgUrl里，然后直接去展示。
3.圖片放在assets文件夾，然后在data里面require進圖片

下面是一些代碼編寫方式

情形一: 在template中,

<img :src='imgSrc'>,<script>export default {data(){imgSrc: require('本地圖片路徑')}}</script>

require是導入本地圖片的一種方法, webpack打包也能找到正確圖片路徑

情形二:在template中

<div v-html='imgSrc'></div><script>export default {data(){imgSrc: '<img src="圖片放在public或者static下的路徑">'}}</script>

因為webpack打包后, 圖片的路徑已經改變, 正常src下面的圖片都無法展示, 所以可以將圖片放進public或者static下, 項目運行起來就可以展示, 如果是開發環境正常是放在public文件夾下