如何在 URL 中隐藏文件夹/路径并只保留域答案

【问题标题】：how to hide folders/paths in URL and just keep domain如何在 URL 中隐藏文件夹/路径并只保留域
【发布时间】：2017-02-23 09:36:56
【问题描述】：

我正在尝试在私人 tumblr 上托管一个 wiki 风格的网站，以便我可以免费托管我的内容，同时仍然可以控制访问。

我没有 HTML/CSS 方面的知识，而且我仅限于遵循 tumblr 约定，所以我不能只是重新排列我的目录来创建看起来更清晰的路径。由于 SEO 对我来说并不重要，而且主要是我在使用该网站，所以我想知道是否可以隐藏路径并只保留 URL 的主要部分。

例如，无论我在子域中导航到哪个页面：

personalwiki.tumblr.com/tagged/main/chrono
personalwiki.tumblr.com/timeline
personalwiki.tumblr.com/tagged/wikiEvent

它们都会在地址栏中显示为：

personalwiki.tumblr.com

我看到过类似的问题和使用 htaccess、jQuery 等的各种解决方案，但由于我不熟悉这些语言，我不确定哪个是最简单的解决方案，或者它们是否适用于我正在努力实现的目标。

感谢您的帮助和见解！

【问题讨论】：

【解决方案1】：

您可以为此使用域掩码，但不确定这是否适合您的情况。

尝试将此 javascript 代码添加到您的每个 tumblr 页面：

window.history.replaceState('', '', '/');

此“应该”导航到正确的页面，但将您的 URL 更改为“http://personalwiki.tumblr.com”

【讨论】：

如果我理解正确的话，URL 重写可能是最容易使用的域屏蔽方法。是否可以使用脚本元素将重写命令放入 html 中，还是必须使用列出的框架之一作为主机？
这通常在服务器端完成，但我认为您现在可以在客户端使用 HTML5 来完成。 spoiledmilk.com/blog/…
嗯。我通读了几次，由于我不熟悉 javascript，因此不完全确定它是如何工作的。在我看来，您可以让页面导航到新页面而无需重新加载，但它会将 URL 更改为新页面的 URL。所以从example.com 到example.com/about 无需重新加载。我不确定如何修改它，以便您可以在不更改 url 的情况下更改页面，这意味着导航到 example.com/about 但仍保留在 example.com
您可以尝试将此 javascript 代码添加到您的每个 tumblr 页面：window.history.replaceState('', '', '/');。这个“应该”导航到正确的页面，但将您的 URL 更改为“personalwiki.tumblr.com”。您可能需要为第一个参数创建一个状态对象，但您必须测试并使用它。有关replaceState() 功能的更多信息：developer.mozilla.org/en-US/docs/Web/API/…
该代码完成了我正在寻找的东西！感谢大家的帮助