解决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>
若../无法访问,那么尝试以@代替../
正常显示: