当前位置:网站首页>nodeJs--各种路径
nodeJs--各种路径
2022-08-02 00:05:00 【H5_ljy】
一、本地相对路径和绝对路径
本地相对路径:
简单来说就是这个文件页面是在本地打开,然后相对于这个文件的路径,比如"./“就表示跟这个文件是同一级的文件也可以省略”./“直接输入文件名,”../“则表示跟这个文件的父级同级。
在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文件的路径(绝对路径)
边栏推荐
猜你喜欢
随机推荐
How to design a circular queue?Come and learn~
【加密周报】经济衰退在加息气氛中蔓延 美联储“放手一搏”?盘点上周加密市场发生的重大事件
磁盘与文件系统管理
TCL: Pin Constraints Using the tcl Scripting Language in Quartus
Unknown CMake command “add_action_files“
22. The support vector machine (SVM), gaussian kernel function
好好活就是做有意义的事,有意义的事就是好好活
08-SDRAM:汇总
链上治理为何如此重要,波卡Gov 2.0又会如何引领链上治理的发展?
一文概览最实用的 DeFi 工具
中缀转后缀、前缀表达式快速解决办法
REST会消失吗?事件驱动架构如何搭建?
08-SDRAM: Summary
一篇永久摆脱Mysql时区错误问题,idea数据库可视化插件配置
GetHashCode与Equals
OpenCV DNN blogFromImage() detailed explanation
如何优雅的消除系统重复代码
JSP 如何获取request对象中的路径信息呢?
[Headline] Written test questions - minimum stack
扑克牌问题









![[头条]笔试题——最小栈](/img/67/08f2be8afc780e3848371a1b5e04db.png)