全栈:相对路径,绝对路径

2022/8/1 23:26:03

本文主要是介绍全栈:相对路径,绝对路径,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

相对路径、绝对路径

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"

 



这篇关于全栈:相对路径,绝对路径的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程