uni-app本地图片 web端不显示问题

uni-app本地图片web端不显示问题

问题描述:

做项目的时候发现了一个问题，static目录下的图片假设是1.png

使用 <image src="../static/1.png" ></image> 静态绑定时没有问题，可以正常显示

但如果使用动态绑定如

<image :src="hh"></image>

export default {
		data() {
		  return {
		  hh:"../static/1.png"
		  }
		}

当运行到chrome时无法显示图片，而微信小程序端可以显示。

解决方法：

使用绝对路径 而非相对路径即可解决。此例改成如下即可

<image :src="hh"></image>

export default {
		data() {
		  return {
		  hh:"/static/1.png"
		  }
		}