解析 href 中的路径

Resolving paths in href

我的 href 属性设置为:

<a href="/somePage"></a>

但我将我的页面从本地主机迁移到 www.example.com,现在 /somePage 的路径看起来像 www.example.com/myApp/somePage 而不是 localhost/somePage

如何使我的 href 属性正确重定向到 /somePage,无论我添加哪个前缀?

这个问题通常通过使用服务器端代码通过使用对其他文档的引用自动生成链接来解决,这样无论它们移动到哪里,链接都保持正确。

然而,对于静态页面,它变得更具挑战性。

我的建议是通过在自定义内部域上进行本地调试来完全避免迁移问题。

如果您知道您的网站将发布到 www.example.com/myApp,那么我建议您在进行本地测试时在 www.example.local/myApp 中为您的网站设置一个 www.example.local 域。这样,当您发布所有相对路径和根相对路径时,它们将按预期工作。


如果你不能这样做,那么你将需要开始在所有地方使用相对路径,这会带来自己的问题。 <base> element 偶尔也有帮助,但我一般不推荐使用它,因为它可能会混淆调试。

您应该使用 . (点)用于分配相对路径

   <a href="./somePage"></a>