当前位置:网站首页>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文件的路径(绝对路径)
边栏推荐
- els strip deformation
- 众筹DAO“枯萎”的缩影:曾拍下《沙丘》未出版手稿的Spice DAO解散
- TCL: Pin Constraints Using the tcl Scripting Language in Quartus
- 不就是个TCC分布式事务,有那么难吗?
- Multi-feature fusion face detection based on attention mechanism
- C语言七夕来袭!是时候展现专属于程序员的浪漫了!
- IO流基础
- JSP如何使用page指令让JSP文件支持中文编码呢?
- 中缀转后缀、前缀表达式快速解决办法
- An overview of the most useful DeFi tools
猜你喜欢

OpenCV DNN blogFromImage() detailed explanation

08-SDRAM: Summary

为什么要使用MQ消息中间件?这几个问题必须拿下

How to get the best power efficiency in Windows 11?

解析正则表达式的底层实现原理

Unity—四元数、欧拉角API+坐标系统

Zadig 面向开发者的自测联调子环境技术方案详解

An interesting project--Folder comparison tool (1)
![[Headline] Written test questions - minimum stack](/img/67/08f2be8afc780e3848371a1b5e04db.png)
[Headline] Written test questions - minimum stack

Arduino Basic Syntax
随机推荐
QML包管理
IP Core: FIFO
SphereEx Miao Liyao: Database Mesh R&D Practice under Cloud Native Architecture
Don't know about SynchronousQueue?So ArrayBlockingQueue and LinkedBlockingQueue don't and don't know?
Unity—四元数、欧拉角API+坐标系统
工业信息物理系统攻击检测增强模型
不了解SynchronousQueue?那ArrayBlockingQueue和LinkedBlockingQueue不会也不知道吧?
Win11如何获得最佳电源效率?
利用“栈”快速计算——逆波兰表达式
An interesting project--Folder comparison tool (1)
146. LRU 缓存
ROS 动态参数
LeetCode_322_零钱兑换
一篇永久摆脱Mysql时区错误问题,idea数据库可视化插件配置
Difference between JSP out.print() and out.write() methods
回顾历史5次经济衰退时期:这一次可能会有何不同?
els block deformation judgment.
链上治理为何如此重要,波卡Gov 2.0又会如何引领链上治理的发展?
security跨域配置
JSP如何使用page指令让JSP文件支持中文编码呢?