解决vue图片无法加载的问题

2022-04-25 19:56:03 浏览数 (3)

解决vue图片无法加载的问题

遇到了一个问题,data里的图片无法显示,控制台没报错,状态码304,原因是webpack打包后的图片路径不对,于是查阅了相关资料:处理资源路径

使用require关键字:

代码语言:javascript复制
return {
	logoUrl:require("@/assets/lhyk.png")
}

应用于组件中:

代码语言:javascript复制
<script>
  import logoUrl from '@/assets/lhyk.png'
  
  export default {
  	name:'Aside',
 		data(){
 			return {
  			logoUrl:require("@/assets/lhyk.png");
  			}
  	  }
    }
</script>

若../无法访问,那么尝试以@代替../

正常显示:

0 人点赞