uni-app 图片路径提示变成这样了HBuilderX.ImageURIString
uni-app 图片路径提示变成这样了HBuilderX.ImageURIString
| 项目信息 | 详细信息 |
|---|---|
| 产品分类 | HbuilderX |
| PC开发环境操作系统 | Mac |
| PC开发环境操作系统版本号 | mac catalina 10.15.7 |
| HBuilderX版本号 | 3.99 |
操作步骤：
- 直接输入图片路径或者页面路径提示HBuilderX.ImageURIString
预期结果：
- 需要能返回正常的路径
实际结果：
- HBuilderX.ImageURIString
bug描述：
- 路径提示不现实了
8 回复
在 Uni-app 开发中，如果你在 HBuilderX 中遇到图片路径提示变成 HBuilderX.ImageURIString 的情况，这通常是因为 HBuilderX 对图片路径进行了特殊处理，以便更好地支持跨平台开发。
原因
HBuilderX.ImageURIString 是 HBuilderX 对图片路径的一种封装，目的是为了在不同平台上（如微信小程序、H5、App等）能够正确解析和加载图片。这种封装方式可以确保图片路径在不同平台上的兼容性。
解决方法
-
直接使用相对路径或绝对路径： 你可以直接使用相对路径或绝对路径来引用图片，而不需要依赖
HBuilderX.ImageURIString。例如：<image src="/static/logo.png"></image>或者：
<image src="../../static/logo.png"></image> -
使用
require语法： 如果你需要动态加载图片，可以使用require语法：<image :src="require('../../static/logo.png')"></image> -
使用
@别名： Uni-app 支持使用@别名来引用项目根目录下的文件：<image src="@/static/logo.png"></image>
