特殊的图片处理

<template>
  <div>
    <img src="./assets/img/1.jpeg" alt="">
    // 会被渲染成一下 
    <!-- <img src="/img/1.99e93669.jpeg" alt=""> -->
    // 因为服务器启动在dist目录里 所以图片是压缩过后的
  </div>
</template>

渲染机制渲染出来的图片路径中的99e93669 是hash值 是用于防止图片缓存，遐想一个场景：未来需要换一张图片，如果图片名相同那么会用缓存里的图片，渲染的图片还是旧图。

另外vue种有个特殊机制，如果图片大于4k，打包时会将图片放入img中，如果图片小于4k，打包时候这个图片会被转成base64型图片。这样做可以减少请求时间