Javascript：轉到根網址（以避免相對網址）

Question

我的網址有問題。

我有一個 navbar.ejs 文件，通過它包含在我網站的每個頁面中

<% include ./navbar %>

在文件中，我有這樣的東西：

<li><a id="loginButton" href="../login">Login</a></li>
<li><a id="signupButton" href="../users/new">Sign up</a></li>

我遇到的問題是，根據我在網站上的位置，登錄按鈕可能會或可能不會工作。 這是因為

“../登錄”

因此，有時當您單擊登錄按鈕時，您會被定向到https://baseurl/login

在其他時候，它會轉到https://baseurl/campgrounds/login這個 URL 是錯誤的，不存在。

我顯然知道問題的根源。 但是我如何用絕對 URL 路徑替換“../login”...如，我如何回到根目錄？

像 $("#loginButton).attr("href", document.location.hostname + "/login") 這樣的東西不起作用，因為它只是指向 baseurl/baseurl/login 這也是無效的

Answer 1

如果登錄頁面的 URL 始終是https://yelpcamp-asool.c9users.io/login，那么下面的代碼將正常工作。

<a id="loginButton" href="/login">