什么是相对路径?什么是绝对路径?打包时路径怎么搞?

article/2024/7/17 21:08:14

简单点说:

绝对路径:绝对路径是一个完整的路径,从根目录开始一直到目标文件或目录的路径。通常我们直接使用"/ "代表从根目录开始的目录路径。它提供了文件或目录在文件系统中的确切位置,与当前工作目录无关。绝对路径通常以根目录(如 /C:\)开始。例如,C:\Users\Username\Documents\image.jpg 是一个 Windows 系统中的绝对路径。

相对路径:相对路径是相对于当前工作目录或当前文件的路径。使用“../ ”或"./ "指向上一级 或 使用"../../ "指向上上一级叫相对路径。例如,在当前目录下有一个名为 images 的文件夹,并且你正在编辑这个文件夹下的一个名为 index.html 的文件,你想要引用同目录下的 image.jpg 文件,你可以使用相对路径 images/image.jpg

"." -- 代表目前所在的目录,相对路径。 如:<a href="./abc">文本</a> 或 <img src="./abc" />
".." -- 代表上一层目录,相对路径。 如:<a href="../abc">文本</a> 或 <img src="../abc" />
"../../" -- 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />
"/" -- 代表根目录,绝对路径。 如:<a href="/abc">文本</a> 或 <img src="/abc" />
"D:/abc/" -- 代表根目录,绝对路径。

使用绝对路径放置再public里面。打包后这个public还保留。

或者用配置的路径。

用绝对路径文件会找不到,显示不出来


http://www.ngui.cc/article/show-2169646.html

相关文章

FL Studio(FL 21)软件安装包下载

fl studio 编曲软件即,简称FL,是音乐人熟知的水果编曲软件.可以完成完整的音乐制作环境或数字音频工作站(DAW)就是大家熟悉的水果 编曲软件&#xff0c;一个全能的音乐制作软件&#xff0c;包括编曲、录音、剪辑和混音等诸多功能&#xff0c;让你的电脑编程一个全能的录音室。 …

等保三级怎么做,一文讲清楚

吉祥学安全知识星球&#x1f517;除了包含技术干货&#xff1a;《Java代码审计》《Web安全》《应急响应》《护网资料库》《网安面试指南》还包含了安全中常见的售前护网案例、售前方案、ppt等&#xff0c;同时也有面向学生的网络安全面试、护网面试等。 前面我们讲过等保二级方…

dvc 更新加载模型版本控制

dvc即data version control, 是一种针对人工智能项目&#xff08;机器学习或者深度学习&#xff09;的数据版本管理工具。DVC的操作和GIT类似&#xff0c;可以认为为GIT的二次开发封装。结合GIT&#xff0c;DVC可以有效的管理人工智能项目的整个流程&#xff0c;包括代码&#…

柏曼的台灯值得入手吗?书客、明基横向测评对比

据相关研究显示&#xff0c;我国青少年的近视问题尤为严峻&#xff0c;总体近视率已逼近53%&#xff0c;这一超过半数的数据令人触目惊心。随着孩子学龄的增长&#xff0c;学习负担不断加重&#xff0c;眼部的压力也随之剧增&#xff0c;从而导致近视率持续攀升。普通台灯可能发…

EE trade:黄金期货交易指令有哪些

在黄金期货交易中&#xff0c;投资者常用的交易指令主要包括以下几种&#xff0c;每种指令都有其特殊用途和优势&#xff1a; 市价单(Market Order) 直接按市场当前价格买入或卖出合约。 适用于追求立即成交&#xff0c;不关注价格变动的情况。 限价单(Limit Order) 设定一…

05_第五章 Servlet

第五章 Servlet 一 Servlet简介 1.1 动态资源和静态资源 静态资源 无需在程序运行时通过代码运行生成的资源,在程序运行之前就写好的资源. 例如:html css js img ,音频文件和视频文件 动态资源 需要在程序运行时通过代码运行生成的资源,在程序运行之前无法确定的数据,运行时动…

C++笔记:模板

模板 为什么要学习模板编程 在学习模板之前&#xff0c;一定要有算法及数据结构的基础&#xff0c;以及重载&#xff0c;封装&#xff0c;多态&#xff0c;继承的基础知识&#xff0c;不然会出现看不懂&#xff0c;或者学会了没办法使用。 为什么C会有模板&#xff0c;来看下面…

2024年最新专业版Pycharm安装、激活保姆级教程来了(附安装包+激活码)

PyCharm的使用非常直观和便捷。它提供了代码编辑、运行、调试等功能&#xff0c;让你的Python编程更加高效。 你可以通过创建新的项目来管理你的代码。在项目中&#xff0c;你可以创建Python文件&#xff0c;并编写你的代码。PyCharm会自动识别你的代码&#xff0c;并提供代码…

返回值返回引用返回指针之间的区别

一、返回值 当函数返回一个值时&#xff0c;实际返回的是一个变量的拷贝。 优点&#xff1a; 简单易用&#xff1b;安全&#xff0c;不会导致悬挂指针或悬挂引用&#xff1b; 缺点&#xff1a; 当返回值是一个较大的对象时会产生拷贝开销&#xff0c;影响程序性能&#xf…

4090显卡 安装cuda 11.3 版本

文章目录 cuda 安装安装过程中会要求选择安装的内容更改cuda地址到你安装的地方 cuda 安装 cuda官网寻找cuda11.3 版本 https://developer.nvidia.com/cuda-11.3.0-download-archive?target_osLinux&target_archx86_64&DistributionUbuntu&target_version20.04&…