文章目錄
- 引例
- 目錄結構
- index.html
- login.html
- 示範
- 解釋說明
- Base标簽
引例
目錄結構
下面我們來舉一個例子進行說明,首先列出目錄結構
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首頁</title>
</head>
<body>
這是web下的index.html<br/>
<a href="./pages/login/login.html">pages下的login下的login.html</a><br/>
<a href="http://localhost:8080/MyTest_war_exploded/baseServlet">請求轉發:pages/login/login.html</a>
</body>
</html>
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
這是pages下的login下的login.html頁面<br/>
<a href="../../index.html">傳回首頁</a>
</body>
</html>
示範
首先點選第一個沒問題,進入後再點選傳回首頁确實跳轉了
但是第二個就出錯了,請求轉發的
解釋說明
Base标簽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<base href="http://localhost:8080/MyTest_war_exploded/pages/login/login.html">
</head>
<body>
這是pages下的login下的login.html頁面<br/>
<a href="../../index.html">傳回首頁</a>
</body>
</html>