vue圖片路徑與base64圖片

vue圖片路徑與base64圖片

1.
問題：在項目中遇到一個問題：請求回來的列表數據，有的沒有圖片（url為空），需要切換為本地圖片路徑
在js或vue文件中導入需要替換的本地圖片

var imgUrl = require('../../assets/image/customerPromote/customer_img3.png')
或：
import imgUrl from '../../assets/image/customerPromote/customer_img3.png'

2.
base64的優點：減少http請求
base64圖片格式

src="data:image/png;base64,編碼"

// 示例 chrome_icon小圖像
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB8ElEQVR42mMQgAEhQYEgNeVua+OVzpZrnSxm2phk6qjLi4rAFTBAKDNZqT3+rvdCPO4Fu98LdL0b4HLX3/mun+NlX/t4TVWEUiNpiZMBTrdD3KFKg9zgSu/6OtzxcczUVgUrFRRMz/U97Wt/DSiNYepdH4c73vY3vGzNpSUZxOy0DKfFr/CzvejrcCPI7eGi2YdOPtp+6tXd87vvL/F/ttDi3QrzL+st93QaMUhnOCktTQmvCjroaX1v4ey6VV/8e7/69X6NnvL1+s1bv/c7/dlv9+eg7df9NgwytX4KS5LV5yf2hTnsP/MCos6n56tP99e2DV9+XC77d9Lp3ymn/6edGKQa/OQWJ8kvSfLtjNl0+rNvD1Sdd/fXsmVfft5q+X/O9f85l//nnBkkit1kFycCEVDDodMXA/uh6ry6vqw68vHP5USwOpd/Z50YRINNpBclQJDH5vq9l18XLf6SOvvzwv0fz1+YBzfy1norBkEFCcm5UZIL4yBIZ0VO6aG5jUeWpK4s/X3WE6Lu/zmnqmQ1UBQIh5lKLIwTXxALQzHiM6Mu7/OBqzu71ExMVAgcsYICIik24vNjxBaAkOj86KT5fv/OuUPUXVppqakiikgDoORiryna7i8yP0p4Rtj9Ax5ARW8P2HYXaUlLCkEUAAAxhAhwbbNJtAAAAABJRU5ErkJggg==" alt="">

end.