u-image的src用相对定位没有效果是什么情况，怎么解决？

立哥Sole

于 2023-10-13 17:52:42 发布

阅读量543

点赞数 2

文章标签： java 服务器 linux

版权

文章讲述了在uniapp开发中使用u-image组件遇到图片不显示的问题，原因在于u-image对src的解析。提供了两种解决方法：一是直接写文件夹目录，二是利用@符号指向根目录并可自定义配置。作者鼓励读者点赞和收藏以示支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们先展示一下问题情况

在这里插入图片描述

这两种写法图片都是不会显示的
原因因为u–image是找不到目录路径的

因为u–image是从src开始的，在加src会识别到模块那部分去
解决方法有两种

方法一

// 因为src开始识别 所以我们直接写文件夹目录就可以
 <u-image src="/static/image/自行写.png"></u-image>

方法二

可能有部分人不知道~的作用
这个作用是帮助识别找到根目录
@是自定义指向，uniapp默认是src，有需要可以到config里面自行修改

<u-image src="~@/static/image/jiazaishibai.png"></u-image>

如果有用，请给我点赞收藏，我会很开心，谢谢