03---node.js 路径

本文详细介绍了Node.js中的本地路径、网络路径和根路径的类型,包括本地相对路径、绝对路径,网络路径的相对和绝对形式,以及在不同场景下如何解析这些路径。
摘要由CSDN通过智能技术生成

本地路径:

        本地相对路径

        本地绝对路径

网络路径:

        相对网络路径

        绝对网络路径

根路径:

        本地相对根路径

        网络相对根路径

 

一:本地路径

1.本地相对路径

  • 日常前端写的html文件,本地打开:浏览器页面中写的路径: file://x1/x2/x2/index.html  
  • "./src/18.jpg"  写这个路径的文件的页面(index.html是在本地打开的==> file://x1/x2/x2/src/18.jpg
  • "src/18.jpg写这个路径的文件的页面是在本地打开的 ==> file://x1/x2/x2/src/18.jpg
  • 日常访问我们电脑的文件也时本地打开

都是使用的file协议:"file://c:/"

 

2.本地绝对路径

从根盘符开始写路径

"C:/Users/Administrator/Desktop/%E4%BB%A3%E7%A0%81/14-%E5%90%84%E7%A7%8D%E8%B7%AF%E5%BE%84(%E7%9B%B8%E5%AF%B9%E7%BB%9D%E5%AF%B9)/index.html"

 

二:网络路径

1.相对网络路径

当前页面的网址:  "协议://ip:port /src/news/index.html  querystring hash" 可以得到一份网页

页面内部的路径:

 "./src/18.jpg" ==>真正的网址(请求服务器资源) "协议://ip:port /src/news/src/18.jpg"

"src/18.jpg" ==> 真正的网址   "协议://ip:port /src/news/src/18.jpg"

思考1:

用户输入网址: 

"http://192.168.6.60:8080/user/20220728/newspage.html?n=20

打开了一个页面,在这个页面中有一个img的src是 : "./src/18.jpg"

请问192.168.6.60:8080这个服务器会受到req.url是什么?

答: "/user/20220728/src/18.jpg"

思考2:

用户输入网址: 

"http://192.168.6.60:8080/user/20220728/newspage"--> //也可以得到了一份页面newspage代表当前页面的位置

打开了一个页面,在这个页面中有一个img的src是 : "./src/18.jpg"--> // ./就是代表这个页面的目录

请问192.168.6.60:8080这个服务器会受到req.url是什么?

答: "/user/20220728/src/18.jpg"

它真正的网址:"http://192.168.6.60:8080/user/20220728/src/18.jpg"

 

2.绝对网络路径

绝对网络路径

完整的网址:"协议://ip:port /src/news/src/18.jpg"

易错思考:

用户输入网址: http://192.168.6.60:8080/user/20220728/newspage

打开了一个页面,在这个页面中有一个img的src是 : "192.168.6.60:8080/src/18.jpg"

请问192.168.6.60:8080这个服务器会受到req.url是什么?

答: "/user/20220728/192.168.6.60:8080/src/18.jpg"

它真正的网址:"http://192.168.6.60:8080/user/20220728/192.168.6.60:8080/src/18.jpg"

 

三:根路径

1.本地相对根路径

思考:用户本地打开: "file:///c:/xx/xx2/index.html"

页面中有一个img的src是 : "/src/18.jpg"

它真正的路径:"file:///c:/src/18.jpg"

2.网络相对根路径

"/src/18.jpg"

思考:

用户输入网址: http://192.168.6.60:8080/user/20220728/newspage

打开了一个页面,在这个页面中有一个img的src是 : "/src/18.jpg"

请问192.168.6.60:8080这个服务器会受到req.url是什么?

答:"/src/18.jpg" 

它真正的网址:"http://192.168.6.60:8080/src/18.jpg"

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值