これら2つのwindow.location.hrefリダイレクトの違いは何ですか？ （Chrome）

Question

Chromeでwindow.location.href = ...を使用して簡単なページリダイレクトを実行しようとしています。

例えば、所望のURLは私が生成されたURLが正しいか、それは動作しませんログインけれども、ページがでリダイレクトされません

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

を使用してみてくださいまずhttp://[hostname]:[port]/Error/Timeout

ですすべて。

は、その後、私はそれが動作

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

に変更しました！しかし生成されたURLは以前の方法とまったく同じです。

---

私の質問は、このような違いがありますか？

Answer 1

window.location.host変数にはドメインのみ（プロトコルなし）が含まれているため、無効なURLにユーザーをリダイレクトしようとしているため、ブラウザで許可されません。ブラウザが「現在のドメインの一部」として、先頭に「/」を見て、ちょうどあなたが提供したURLと組み合わせるPROTOCOL://HOSTNAME:PORT/を使用するため

「/エラー/タイムアウト」は、有効なURLであります。

また、使用することができます

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

それともより良いオプション：URLで

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