html中url路径请求的六种方式:无斜杠、单斜杠(/)、点+单斜杠(./)、点点+单斜杠(../)、多个点点+单斜杠(../../)、全路径

时间:2024-04-08 20:02:58

html中url路径请求的六种方式:无斜杠、单斜杠(/)、点+单斜杠(./)、点点+单斜杠(../)、多个点点+单斜杠(../../)、全路径 

图一:项目结构


 html中url路径请求的六种方式:无斜杠、单斜杠(/)、点+单斜杠(./)、点点+单斜杠(../)、多个点点+单斜杠(../../)、全路径图二:rootPath.html内容

说明:图一为项目结构,图二为rootPath.html内容。

我在做项目过程中路径写错,跳转不到目标页面,花了好长时间才发现原因,鉴于自己的惨痛经历,就把这几种url路径总结了一下,配上了我的具体项目结构图和详细源码。对于该问题,网上虽也有类似解答,但不是太全和说明不是太清楚。希望对大家有用,也欢迎大牛补充和批评和指正。


特点总结:

方式一:
没有斜杠,跳转到和自己(rootPath.html)同目录下的layout页面
方式二:
单斜杠加前有一点,跳转到和自己(rootPath.html)同目录下的layout页面
      总结:方式一和方式二效果是相同的。
方式三:
单斜杠,跳转到整个网站根目录下的(如果是在本机测试,也就是

http://localhost:8080/,注意此路径不包括项目名,只到项目名的上一级,易错认为是到webapp目录,我是在这个地方出错了,花了好长时间才发现问题所在)
方式四: 两点加单斜杠,跳转到上一级目录
方式五: 多个两点加单斜杠连续用,每一次“../”往上跳转一级,有几个“

../”,就向上跳几级(ps:我以前错以为只能写一个“../”

方式六:全路径方法:路径+项目名+文件在wbapp下的位置,例如我的是:

http://localhost:8080/bos_management_web/demo/layout.html,

其中:bos_management_web为项目名,demo/layout.html为webapp下的位

说明:

应该还有一种获得路径方式:varrootUrl="@Url.Content('~')";网上说是直接获得根路径,我暂时没研究透是什么意思,如果各位大牛有懂的,欢迎欢迎不吝赐教!