uniapp动态绑定图片路径打包后图片资源获取失败的问题

类似于vue,uniapp中的图片路径要么就直接写进标签中,例如:

<img class="banner_img" src="../../static/img/1002.png"></img>

这时,相对路径或者绝对路径都可以使用

但是如果要动态绑定图片路径,使用相对路径之后打包出来就会报找不到资源的错误,这时有两种解决方案:

一、使用require先将图片资源当成模块引入到页面中,再调用(不推荐)

<img class="header-banner-img" :src="imgSrc" alt="" srcset="" />

let imgSrc = require('../../assets/images/modules-picture.png');

如果涉及到的图片数很多时,这种方法显然太繁琐了

二、使用绝对路径:

1、现将配置文件manifest.json中的基础路径设为./

 2、将动态路径设置为绝对路径:(注意static前面不要加"/")

相关文章

咱们国内现在手机分为两类,Android手机与苹果手机,现在用的...
前言 上一篇做了php的微信登录,所以也总结一下Java的微信授...
前言 上一篇文章写到如何上架IOS应用到Appstore,其中漏掉了...
文件-新建-1.项目 ┌─uniCloud 云空间目录,阿里云为uniClo...
Flexbox #Flex 容器 Flex 是 Flexible Box 的缩写,意为&...
globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景...