Javascript：进入根目录url（避免相对url）

Question

我遇到了 URL 问题。

我有一个 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">

Javascript: Going to root url (to avoid relative url)