客户端无法访问服务器端 HTML 代码中的“href=http://localhost/~~~”链接

Question

我是 HTML 世界的新手。

我在服务器上创建了一个“example.html”网页，
其中包含以下标签链接。

...
<nav>
    <ol>
        <li><a href="http://localhost/link1.html">link1</a></li>
        <li><a href="http://localhost/link2.html">link2</a></li>
        <li><a href="http://localhost/link3.html">link3</a></li>
    </ol>
</nav>
...

如果我"http://localhost/example.html"在服务器的 Web 浏览器上打开此页面并单击链接（link1~link3），它们就会工作。

问题是它们在客户端的 Web 浏览器上不起作用。

我端口转发我的服务器计算机并"example.html"从客户端打开，
通过"http://myaddress.com:1234/example.html"

暂时，我通过将
服务器代码中的每个链接 更改"http://localhost/~~~.html"
为"http://myaddress.com:1234/~~~.html".

但是，我想让客户端访问服务器代码中的每个链接，如下所示 "http://localhost/~~~.html"

是端口转发的问题吗？或者是其他东西？

非常感谢。

Answer 1

这应该可以解决问题，您的 href 中不需要 localhost。从您的锚标签中删除它们。

<nav>
    <ol>
        <li><a href="/link1.html">link1</a></li>
        <li><a href="/link2.html">link2</a></li>
        <li><a href="/link3.html">link3</a></li>
    </ol>
</nav>

或者

尝试将端口附加到 localhost href？客户端必须在本地运行它才能工作。

<nav>
    <ol>
        <li><a href="http://localhost:1234/link1.html">link1</a></li>
        <li><a href="http://localhost:1234/link2.html">link2</a></li>
        <li><a href="http://localhost:1234/link3.html">link3</a></li>
    </ol>
</nav>