vue输入图片路径显示不出来（基础问题）

桃扇骨 2024-04-26 04:06 10阅读 0赞

**目录**

一、遇到问题

二、解决问题

--------------------

## 一、遇到问题 ##

在vue项目里面插入图片的路径，插入路径方式不正确，导致图片一直不能显示

![ce5e155a892e4e28a5d2461dd892d919.png][]

## 二、解决问题 ##

**1.**复制文件中的相对路径，然后去掉上一级目录，用**.//**替代

这是由于相对路径的前面要加上**.//**，这个可以代替第一层包

![775b50e36ba6499c843a5a22d9739604.png][]

2.修改后如图所示

![1d979b3d4963497c813006b6c42137b5.png][]

**3.**运行成功截图

![41be84b439f840c59d4a7d403dcb3bd9.png][]

**有什么问题都可以评论区留言，看见都会回复的**

**如果你觉得本篇文章对你有所帮助的，多多支持吧！！！**

**点赞收藏评论，当然也可以点击文章底部的红包或者👇订阅付费文章创作支持一下了。抱拳了！**

> **vip文章：**[http://t.csdn.cn/Uq5j1][http_t.csdn.cn_Uq5j1]
> 
> **bug大全订阅文章**：[http://t.csdn.cn/j6UyR][http_t.csdn.cn_j6UyR]

tip：也许再坚定一点，就会有不同的结果呢

[ce5e155a892e4e28a5d2461dd892d919.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/c4e2ffc93a244a5898cd816b8066f47f.png
[775b50e36ba6499c843a5a22d9739604.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/fcfe317f73d94c91b1f86034495ec3d6.png
[1d979b3d4963497c813006b6c42137b5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/5a876812cb5b4196a3d88e46ac3226f6.png
[41be84b439f840c59d4a7d403dcb3bd9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/1b4569bfed914055a162aad2def3cdf1.png
[http_t.csdn.cn_Uq5j1]: http://t.csdn.cn/Uq5j1
[http_t.csdn.cn_j6UyR]: http://t.csdn.cn/j6UyR