目录
1说明
2.相对路径的优势
3.注意
4.@/说明
1说明
绝对路径:文件真实的存放位置
例:D:\data\applogs\xxl-job\xxl-job-admin.log
不需要知道其他任何信息就可以根据绝对路径判断出文件的位置
相对路径:相对于当前位置的路径
前端开发显示某个图片的时候经常使用相对路径来显示
例:
c:/website/index.htm
c:/website/img/photo.jpg
在index画面中要使用photo图片,可以使用img/photo.jpg来获取这个图片。
2.相对路径的优势
相对路径指的是要使用的文件相对于当前文件的位置,因为代码发布到服务器上之后,不可能通过指定文件的绝对路径来引用文件,而通过相对路径来引用则不会出现问题,除非文件的目录发生调整。
3.注意
我们使用“./”来表示当前目录,“../”来表示上一级目录,“../../”表示上上级的目录,以此类推
4.@/说明
在vue项目中要引用静态资源,使用相对路径也不是很方便,路径会很长,通常会定义一个路径别名来引用静态资源。
例:
在vue.config.js中定义了@的内容为src,在代码中要引用src目录下的静态资源时,可以直接@俩指定静态资源的位置,这样引用文件时避免了使用相对路径过长及使用复杂的问题。