static目录虽支持条件编译，文档：https://uniapp.dcloud.net.cn/platform?id=static-%e7%9b%ae%e5%bd%95%e7%9a%84%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91
但是我们使用动态本地动态地址时 却得不到该图片
<image src="../../static/app-plus/login-bg.png"></image> 静态
<image :src="test"></image> 动态
Vue{
data() {
return {
test:"../../static/app-plus/login-bg.png"
};
}
}
使用以上代码 静态的能够加载图片 而动态的却找不到图片,
是不是很奇怪 明明都是一样的,你却给我说找不到图片,
造成这种情况是因为 在编译时 会对静态路径做编译替换处理
使用H5 调试时 , 我们可以看到静态地址的 为 /static/img/login-bg.0159b04b.png, (0159b04b 随机字数组合)
但是奇怪吧 app-plus 却变成了 img , 奶奶的 文档里我反正是没有找到说明,
但是你使用 [../../static/其他目录/图片.格式] , 这种却能够正常访问, 则只能说明 条件编译是有 ,但是 编译成什么样却没有说, 一个萝卜一个坑 我反正是跳进去了
那么问题来了 我们可以试试 吧 /app-plus 替换为 /img 对吧 至少 使用其他路径时,是能够正常访问的,
试试就试试 试完了我才知道 这又是一个坑 ,是我多想了,
问题总要解决嘛 , 我们不使用动态路径不久解决了 , 对吧 解决办法是不是很简单 不久多了几个 #if #end而已
2 个回复
梦尋Junjie (作者) - 原来她有男朋友
如何通过条件编译来 动态加载本地图片
static目录虽支持条件编译，文档：https://uniapp.dcloud.net.cn/platform?id=static-%e7%9b%ae%e5%bd%95%e7%9a%84%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91
但是我们使用动态本地动态地址时 却得不到该图片
<image src="../../static/app-plus/login-bg.png"></image> 静态
<image :src="test"></image> 动态
Vue{
data() {
return {
test:"../../static/app-plus/login-bg.png"
};
}
}
使用以上代码 静态的能够加载图片 而动态的却找不到图片,
是不是很奇怪 明明都是一样的,你却给我说找不到图片,
造成这种情况是因为 在编译时 会对静态路径做编译替换处理
使用H5 调试时 , 我们可以看到静态地址的 为 /static/img/login-bg.0159b04b.png, (0159b04b 随机字数组合)
但是奇怪吧 app-plus 却变成了 img , 奶奶的 文档里我反正是没有找到说明,
但是你使用 [../../static/其他目录/图片.格式] , 这种却能够正常访问, 则只能说明 条件编译是有 ,但是 编译成什么样却没有说, 一个萝卜一个坑 我反正是跳进去了
那么问题来了 我们可以试试 吧 /app-plus 替换为 /img 对吧 至少 使用其他路径时,是能够正常访问的,
试试就试试 试完了我才知道 这又是一个坑 ,是我多想了,
问题总要解决嘛 , 我们不使用动态路径不久解决了 , 对吧 解决办法是不是很简单 不久多了几个 #if #end而已
梦尋Junjie (作者) - 原来她有男朋友
该问题由于测试错误已关闭