查找路径的三种方法

最新推荐文章于 2024-10-04 09:48:13 发布

蝶恋花~

最新推荐文章于 2024-10-04 09:48:13 发布

阅读量7.7k

点赞数 1

本文链接：https://blog.csdn.net/weixin_43313277/article/details/116269746

版权

本文介绍了在Vue项目中引用文件时遇到的路径问题，讲解了相对路径和绝对路径的概念，并通过实例解析如何正确地引用组件上级目录的资源文件。通过掌握..符号的使用，可以跨过相应层级找到目标文件。在HelloWord.vue组件中引用assets目录下的logo.png，需要使用../../来定位。正确理解和应用这些路径技巧，能有效避免文件路径错误导致的访问失败问题。

摘要由CSDN通过智能技术生成

访问其他路径下的文件，一般情况下两种方式，右键复制对应文件的相对路径，或者绝对路径。第三种那就手动写入。首先是相对路径与绝对路径：

然而有时候这样得到的路径却无法访问，例如我将“logo.png”的相对路径复制过来，得到 src\assets\logo.png

再使用ctrl+click键，跟踪指定文件，却得到以下结果

这时，有必要弄清如何一级一级往上找寻对应文件路径了。

			 //直接写项目名，代表找寻和当前文件同级的内容
../          //注：代表上一级
../../       //注：代表上一级的上一级

先给大家看一下我的项目目录

我要在HelloWord.vue里面引用目标文件logo.png , 而HelloWord.vue的上一级是components，components的上一级是src，在src项目下有assets文件, 最后，目标文件logo.png在assets文件下
因此，需要用到. ./. ./即跨过两级去找

在此使用ctrl加上鼠标左键跟踪文件路径，成功找到图片。