這2個window.location.href重定向有什麼區別？ （Chrome）

Question

我想在Chrome中使用window.location.href = ...做簡單的頁面重定向。

例如，希望的URL是http://[hostname]:[port]/Error/Timeout

起初，我嘗試使用

window.location.href = window.location.host + "/Error/Timeout"

雖然我記錄生成的URL是正確的，這是行不通的，頁面不會在重定向所有。

然後我改

window.location.href = "/Error/Timeout"

它的工作原理！但生成的URL與以前的方法完全相同。

---

所以我的問題是什麼使這種差異？

Answer 1

window.location.host變量僅包含域（沒有協議），因此您試圖將用戶重定向到無效的URL，並且瀏覽器不允許它。

的「/錯誤/超時」 是有效的URL，因爲瀏覽器將着眼於「/」開頭爲「當前域的一部分」，而只是使用PROTOCOL://HOSTNAME:PORT/與您所提供的組合。

您還可以使用：

window.location.href = window.location.protocol + "//" + window.location.hostname + (window.location.port ? (":"+window.location.port):'') + "/Error/Timeout" 

還是一個更好選項：

url = new URL(window.location.href) 
url.pathname = "/Error/Timeout" 
window.location.href = url.toString() 

在URL