相对路径之 相对虚拟目录的深入认识

时间:2022-11-27 14:26:19

前言: 以前简单实用过 相对和绝对路径 , 今天看到相对虚拟目录有点迷茫,查了查资料,明白了,分享改大家,希望大家喜欢!

相对路径之 相对虚拟目录的深入认识

一. 在桌面新建一个test.html , 还有一个zbs.jpg文件, test.html中 写上:

 

<img src="./zbs.jpg" />  或者   <img src="zbs.jpg" /> 

  

图片可以正常显示.

相对路径之 相对虚拟目录的深入认识

二: 但是当test.html写成

<img src="/zbs.jpg" /> 

这个样子就不能正常显示了;

f12产看文件的请求地址是:

相对路径之 相对虚拟目录的深入认识

####其实.这个是相对路径中的一种(相对虚拟目录),现在是相对c:盘而言的,即c:盘式相对的虚拟目录

####现在,还是相同的文件,copy到我的wamp环境下的,www根目录下:

现在可以访问了:

相对路径之 相对虚拟目录的深入认识

总结: 由此可见,相对 虚拟目录是随着文件所在的环境而变化的:

       1.在非服务器上时:文件在那个盘就是相对那个盘而言的

       2. 在服务器上时: 文件是相对www即根目录的.

 

三. 下面说一个,对于单一入口的框架而言,相对路径是相对谁而言的.

我在 服务器www根目录下,有一个SmallRain的文件夹,里面是我的ThinkPHP项目,

现在在Index控制器的test方法中使用相对路径的方法,看看是相对那个目录而言的.

在test.html视图中写入

<img src="./zbs.jpg">

结果无法显示:

f12 结果是 相对  入口文件的   index.php/Home/Index/

相对路径之 相对虚拟目录的深入认识

 

修改文件内容为:

<img src="/zbs.jpg">

可以正常显示

请求的地址是,相对www的根目录而已

相对路径之 相对虚拟目录的深入认识

总结:

使用 ./ 相对   入口文件地址而言的

使用  / 相对    www网站根目录,而言的