<template>
<view>
<image :src="ces"></image>
</view>
</template>
<script>
export default {
onLoad() {
},
data() {
return {
ces:'/static/app/pagesA/babyNameCreate/bt_1.png'
};
},
methods: {
getImg(){
return '/static/app/pagesA/babyNameCreate/bt_1.png'
},
}
};
</script>
1***@qq.com
- 发布：2023-11-06 14:06
- 更新：2023-11-07 05:48
- 阅读：198
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.96
浏览器平台： Firefox
浏览器版本： 119.0 (64 位)
项目创建方式： HBuilderX
示例代码：
操作步骤：
就上面的代码，可以确定这个位置的图片是存在的，但是就是无法显示。如果直接 <image src="@/static/app/pagesA/babyNameCreate/bt_1.png"></image> 是可以显示出来的。不加@无法显示。
如果使用变量ces或者方法getImg，无论加不加@都无法显示。
无论是用相对地址还是绝对地址都是一样的结果。
如果这是一张远程图片，无论什么方式都能正常显示，只有本地图片会异常。
就上面的代码，可以确定这个位置的图片是存在的，但是就是无法显示。如果直接 <image src="@/static/app/pagesA/babyNameCreate/bt_1.png"></image> 是可以显示出来的。不加@无法显示。
如果使用变量ces或者方法getImg，无论加不加@都无法显示。
无论是用相对地址还是绝对地址都是一样的结果。
如果这是一张远程图片，无论什么方式都能正常显示，只有本地图片会异常。
预期结果：
图片需要能正常显示
图片需要能正常显示
实际结果：
图片无法正常显示
图片无法正常显示
bug描述：
更新编译器版本后，h5调试时无法加载本地图片资源。不止是火狐浏览器，编译器自带浏览器也是这样！
1 个回复
DCloud_UNI_FXY
自3.9+版本，static目录下支持了app和web两个新的平台专用目录。在运行到非app平台时，app目录不会copy到编译后的文件中。
参考文档：https://uniapp.dcloud.net.cn/tutorial/platform.html#static
可以将app目录重命名为其他名称。或者手动copy目录到编译后的资源中。