方法1:通过require在js引入图片资源,通过:style动态绑定
/***<div :style="{backgroundImage:`url(${img})`}"></div>*/
export default{
data(){
return {
img:reqire('./image/xxx.png')
}
}
方法2:vue.config.js配置assetsDir:“static”
module.exports = defineConfig({
publicPath: './',
transpileDependencies: true,
lintOnSave: false
assetsDir: "static"
})