backgroundImage 路径问题 vue 图片的引入方式
自:https://blog.csdn.net/MoLvSHan/article/details/78204972 自:https://blog.csdn.net/qq_35393869/article/details/80333564 项目中图片都放在src/img文件夹,img和background-image引用都用相对路径,即../../这种形式 在打包build的设置路径assetsPublicPath: ‘./‘,然后那些没有转成base64的背景图都失效了,,路径。 处理方法: 使用require引入图片 img标签 <img :src="require('assets/img/header/search.png')"> 背景图 <div :style="{backgroundImage:'url('+require('assets/img/common/bg.png')+')'}"></div> <span :style="{backgroundImage:'url('+require('../../assets/image/accounts/dayily.png')+')'}"> 也可以下面这种方式去写: 在前端开发中,background-image属性非常常见,有很多时候需要使用内联样式来绑定此属性,但是在vue-cli项目中