nodeJs--各种路径


一、本地相对路径和绝对路径

本地相对路径:
简单来说就是这个文件页面是在本地打开,然后相对于这个文件的路径,比如"./“就表示跟这个文件是同一级的文件也可以省略”./“直接输入文件名,”../“则表示跟这个文件的父级同级。
在这里插入图片描述
在ajax1.html页面上我们要取到bilibili-img.png图片,则填的相对路径可以填”../img/bilibili-img.png"

本地绝对路径:
绝对路径就是文件在磁盘中的位置,以磁盘名开头的;我们点击文件右键复制路径的那个路径就是本地绝对路径,比如我们要取到bilibili-img.png图片,直接右键复制路径:G:\H5\dom\app\img\bilibili-img.png这个就是绝对路径。

二、相对网络路径和绝对网络路径

相对网络路径:
以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。这个路径跟本地相对路径使用方法一样,不同的是文件是在服务器中去打开的。
比如:
用户输入网址:
“http://www.baidu.com/user/login”
打开了一个页面,在这个页面中有一个img的src是 : “./src/baidu.jpg”
请问www.baidu.com这个服务器会受到req.url是什么?
答: “/user/src/baiddu.jpg”
它真正的网址:“http://www.baidu.com/user/src/baiddu.jpg”

绝对网络路径:
以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。格式:协议://ip:端口/文件在这个服务器文件下的位置;
以上图为例:当我们把app文件作为Web站点根目录时,我们要取到bilibili-img.png图片,则路径为:
http或https://本机ip:服务器监听端口号或者域名/img/bilibili-img.png
当我们想使用网络上的图片时,不下载使用,复制路径就是一个绝对路径:
https://i0.hdslb.com/bfs/archive/7a2a097d57ce0d7c2c46585ff98c45368e7386eb.png

三、本地相对根路径和网络相对根路径

本地相对根路径:
当我们只输入"/“时,就是相对于这个文件所在磁盘根目录下的路径,比如
我G盘下面有个图片
在这里插入图片描述
我运行的html文件路径是G:\H5\dom\app\src\ajax1.html
我们访问这个图片时只需填入”\bilibili.png"

<a href="\bilibili.png">点我</a>

点击就能访问到了
在这里插入图片描述

网络相对根路径
根本地相对根路径类似,不同的就是相对于运行这个文件的服务器的根目录了
比如:
用户输入网址: http://www.baidu.com/user/newspage
打开了一个页面,在这个页面中有一个img的src是 : “/src/baidu.jpg”
请问www.baidu.com这个服务器会收到的req.url是什么?
答:“/src/baidu.jpg”
它真正的网址是:“http://www.baidu.com/src/baidu.jpg”

四、node.js中显示路径的全局变量

全局变量 __dirname是一个字符串,代表当前js文件所在目录的路径(绝对路径)
全局变量 __filename是一个字符串,代表当前js文件的路径(绝对路径)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

H5_ljy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值