路径
相对路径
相对路径是相对于当前文件所在位置的描述。
- 常用符号：
./：当前目录../：上一级目录
html
<img src="./images/avatar.png" alt="用户头像">
<img src="images/avatar.png" alt="用户头像">绝对路径
绝对路径是文件在系统或服务器上的完整地址。它从“根目录”开始，不依赖于你当前所在的位置。
- 在本地系统中：
C:/Users/Admin/Project/src/assets/logo.png - 在 Web 中：
https://example.com/images/banner.jpg或/src/assets/logo.png（以/开头，代表从项目的根目录出发）
特点：无论你的代码文件搬到哪个文件夹，绝对路径始终能指向同一个目标。
浏览器解析逻辑
页面 URL 没有以 / 结尾，浏览器会认为它是一个文件：
html
https://example.com/shop/shoes/nike
↑ 当前文件所以它的“所在目录”是：
html
https://example.com/shop/shoes/它的网站域名根目录：
html
https://example.com/绝对路径
根据网站根目录进行定位：
当前页面：
https://example.com/products/item-1代码中的路径：
<img src="/logo.png">浏览器请求地址：
https://example.com/logo.png适用场景：存放于
public目录下的静态资源，或者配置了全局访问路径的情况。
相对路径
根据当前所在目录进行定位：
情况一：
- 当前页面：
https://example.com/blog/article-1 - 代码中的路径：
<img src="thumb.jpg"> - 浏览器请求地址：
https://example.com/blog/thumb.jpg
情况二：
当前页面：
https://example.com/shop/shoes/nike代码中的路径：
<script src="../utils.js">浏览器请求地址：
https://example.com/shop/utils.js