Vue 中img标签src的路径问题

背景：开发过程在本地开发时候img正常显示，打包之后显示路径不正确。

解决方法：

<template>
  <div >
       <img :src="logo" /> 
  </div>
</template>
<script>
import logo from '@/image/logo.png'
export default {
  data () {
    return {
      logo:logo
    }
  }
}
</script>