vue+webpack項目 url的問題了解

阮一峯js模塊化

webpack打包 url-loader

vue Loader

ES6 模塊化  babel成CommonJS規範的實現

 

 

能正常顯示圖片的寫法以下， src經過控制檯能夠看到被webpack處理了

<img class="goods-item-img" src="~assets/crown.png" alt="質檢商品">
<img class="goods-item-img" src="../../assets/crown.png" alt="質檢商品">
<!-- 或者下面 -->
<img :src="item.skuImage || defaultImg" alt="質檢商品">
<script>
export default{
　　data(){
　　　　return {
　　　　　　defaultImg: require('src/assets/crown.png')
　　　　}　
　　}
}