vue打包后静态资源图片失效

摘要：老版本中需要找到config/index.js，找build打包对象里的assetsPublicPath属性，默认值为/，更改为./就好了；新版本中只有手动更改vue.config.js，在里面配置publicPath即可

vue打包后静态资源图片失效：

老版本中需要找到config/index.js，找build打包对象里的assetsPublicPath属性，默认值为/，更改为./就好了；

新版本中只有手动更改vue.config.js，在里面配置publicPath即可（从vue 3.3开始，baseUrl被废弃，使用publicPath代替）

vue动态设置img的src不生效：

例如：

<img class="bg" :src="imgUrl" alt="">

data() {
    return {
        imgUrl: '@/assets/logo.png'
    }
}

这样是不会显示出图片的，要修改成以下方法即可

<img class="bg" :src="imgUrl" alt="">

data() {
    return {
        imgUrl: require('@/assets/logo.png')
    }
}

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！