码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • nodeJs--各种路径


    文章目录

    • 一、本地相对路径和绝对路径
    • 二、相对网络路径和绝对网络路径
    • 三、本地相对根路径和网络相对根路径
    • 四、node.js中显示路径的全局变量


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

    本地相对路径:
    简单来说就是这个文件页面是在本地打开,然后相对于这个文件的路径,比如"./“就表示跟这个文件是同一级的文件也可以省略”./“直接输入文件名,”../“则表示跟这个文件的父级同级。
    在这里插入图片描述
    在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"

    点我
    
    • 1

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

    网络相对根路径
    根本地相对根路径类似,不同的就是相对于运行这个文件的服务器的根目录了
    比如:
    用户输入网址: 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文件的路径(绝对路径)

  • 相关阅读:
    Flow Problem hdu 3549 网络流模板题目
    React函数式写法和类式写法的区别(以一个计数器功能为例子)
    遗传算法(GA)求解基于栅格地图的机器人最优路径规划,可以自行修改地图(提供MATLAB代码)
    极兔、百世快递的物流信息怎么批量查询?
    c#仿热血江湖
    基于ssm技术的校自助阅览室的设计与实现毕业设计源码242326
    CRYPTOHACK SYMMETRIC STARTER
    【建站教程】使用阿里云服务器怎么搭建网站?
    IDEA一键部署SpringBoot项目到服务器
    计算机毕业设计Java钢材出入库管理系统(源码+系统+mysql数据库+lw文档)
  • 原文地址:https://blog.csdn.net/qq_56973906/article/details/126090882
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号