解决vue图片无法加载的问题
解决vue图片无法加载的问题
遇到了一个问题，data里的图片无法显示，控制台没报错，状态码304，原因是webpack打包后的图片路径不对，于是查阅了相关资料：处理资源路径
使用require关键字：
return {
logoUrl:require("@/assets/lhyk.png")
}应用于组件中：
<script>
import logoUrl from '@/assets/lhyk.png'
export default {
name:'Aside',
data(){
return {
logoUrl:require("@/assets/lhyk.png");
}
}
}
</script>若../无法访问，那么尝试以@代替../
正常显示：
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019-05-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
