1 前端路径问题

​

 项目结构

测试代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    base标签的作用是在相对路径之前自动补充base[href]中的值
    如果base标签不写,那么默认就是当前文件所在的路径
    -->
    <base href="http://127.0.0.1:8080/testServlet4_war_exploded/">
    <!--<base href="http://127.0.0.1:8080/testServlet4_war_exploded/a/a2/">-->
</head>
<body>
this is page a1
<br/>
    <!--
    相对(基准)路径:以当前文件本身的位置去定位其他文件,相对自己的路径,以当前文件所在的位置为基准位置
    绝对(基准)路径:以一个固定的位置去定位其他文文件,以一个固定的路径作为定位文件的基准位置,和文件本身位置无关
    相对路径,不以/开头,就是相对路径  ..代表向上一层
    绝对路径,以/开头   在页面上 /代表从项目的部署目录开始找  从webapps中开始找
    页面的绝对路径要有项目名,除非我们的项目没有设置项目名
    -->
    <a href="a2.html" TARGET="_self">相对路径跳转至A2</a>
    <a href="../../b/b2/b1.html" TARGET="_self">相对路径跳转至b1</a>
    <br/>
    <a href="a/a2/a2.html" TARGET="_self">base相对路径跳转至A2</a>
    <a href="b/b2/b1.html" TARGET="_self">base相对路径跳转至b1</a>
    <br/>
    <a href="/testServlet4_war_exploded/a/a2/a2.html" TARGET="_self">绝对路径跳转至A2</a>
    <a href="/testServlet4_war_exploded/b/b2/b1.html" TARGET="_self">绝对路径跳转至b1</a>
</body>
</html>

 

页面上的路径总结:

1以/开头的路径是绝对路径,不以/开头是相对路径

2绝对路径/后面要写当前服务的上下文路径名

3 ../代表向上一层的路径

4 base标签可以简化相对路径,当使用相对路径时,默认会在相对路径之前补充 base中的内容
    5如果没有定义base 默认就是当前文件所在的路径

 

​
posted @   BookerABC  阅读(24)  评论(0)  编辑  收藏  举报
相关博文：
· 3 响应重定向路径问题
· 3 响应重定向路径问题
· 1 前端路径问题
· 【Javaweb】Servlet九 | base标签的作用【详细介绍】 Web路径相关知识
· 说说你对相对路径和绝对路径的理解
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示