全栈：相对路径，绝对路径

相对路径、绝对路径

1、本地相对路径

页面是本地打开，在这个页面中写路径

例：“./src/Bird.png”  这个路径的文件的页面是在本地打开的；

“src/Bird.png” 同上

2、本地绝对路径    

从根盘开始写路径

例：'C:/Program/user/data/index.html'

3、相对网络路径

当前页面的网址 '协议://ip：port/pathname queryname hash'

页面内部的路径： './src/bird.png'

 

若一个页面“http://192.168.1.1:8080/page/index.html?n=20”的img的src为“./src/xx.jpg”，那么req.url为"/page/src/xx.jpg"

若一个页面“http://192.168.1.1:8080/page/index”的img的src为“./src/xx.jpg”，那么req.url为"/page/src/xx.jpg"

 

4、绝对网络路径

'协议://ip：port/pathname queryname hash'

易错:

若一个页面“http://192.168.1.1:8080/page/index”的img的src为“192.168.1.1:8080/src/xx.jpg”，那么req.url为"192.168.1.1:8080/src/xx.jpg"

5、本地相对根路径

若一个页面“file:///C:/page/index.html”的img的src为“/src/xx.jpg”，那么img 的实际路径为"file:///C:/src/xx.jpg"

 

6、网络相对根路径

若一个页面“http://192.168.1.1:8080/page/index”的img的src为“/src/xx.jpg”，那么img 的req.url为"192.168.1.1:8080/src/xx.jpg"