绝对路径/相对路径/根路径

1. 绝对路径

一般指的是完整路径。从最顶层文件夹一直到当前文件的路径。

// 本地文件
file:///Users/lyralee/Desktop/MyStudy/React/webpackdemo/dist/main.js
// 服务器文件
http://test.com/file/index.js

2. 相对路径

相对于当前文件的路径。有几种表示形式。

1. 和当前文件同级目录

<script src="main.js"></script>
// 表示main.js文件和html文件在同级目录

2. 相对符号./或者../

// ./表示和html文件同级目录
<script src="./main.js"></script>
// ../表示在html文件所在文件夹的上级目录
<script src=../main.js"></script>

3. 根路径 /XXX

表示直接访问根路径下的某文件。

// 表示访问根路径下的main.js文件
<script src=/main.js"></script>