vue打包后静态资源图片失效小白攻略_资源入门指南

vue打包后静态资源图片失效:老版本中需要找到config/index.js,找build打包对象里的assetsPublicPath属性,默认值为/,更改为./就好了;新版本中只有手动更改vue.config.js, 在里面配置publicPath即可(从vue 3.3开始,baseUrl被废弃,使用publicPath代替)vue动态设置img的src不

vue打包后静态资源图片失效小白攻略

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

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')
    }
}

 

海计划公众号
(0)
上一篇 2020/03/20 06:50
下一篇 2020/03/20 06:50

您可能感兴趣的内容