1.相对路径

绝对路径:从根目录开始,是一个完整的路径。
例:D:\demo\img\g.jpg

2.绝对路径

相对路径:相对于项目目录的路径,在开发中引用js、css、或者图片等,都是使用相对路径。
例:..\img\g\jpg

在这里插入图片描述

3.绝对路径和相对路径的区别

参考:https://www.w3cschool.cn/css/question-10231674.html

"." -- 代表目前所在的目录,相对路径。 如:<a href="./abc">文本</a><img src="./abc" />
".." -- 代表上一层目录,相对路径。 如:<a href="../abc">文本</a><img src="../abc" />
"../../" -- 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />
"/" -- 代表根目录,绝对路径。 如:<a href="/abc">文本</a><img src="/abc" />
"D:/abc/" -- 代表根目录,绝对路径。
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐