javascript - 使用自定义 url 进行内部页面导航

Question

我正在寻找带有自定义网址的内部页面导航。 请引用我的代码。

当前代码:

<ul class="mdl-menu">
        <li class="mdl-menu__item"><a href="#" class="navText nav_link">Home</a></li>
        <li class="mdl-menu__item"><a href="#About" class="navText nav_link">About</a></li>
        <li class="mdl-menu__item"><a href="#LightUp" class="navText nav_link">Light Up</a></li>
        <li class="mdl-menu__item"><a href="#Events" class="navText nav_link">Events</a></li>
        <li class="mdl-menu__item"><a href="#SignUp" class="navText nav_link">Sign up</a></li>
        <li class="mdl-menu__item"><a href="#NCFMix" class="navText nav_link">NCF Mix</a></li>
        <li class="mdl-menu__item"><a href="#LightUpNCF" class="navText nav_link">#LightUpNCF</a></li>
      </ul>

当前输出: 主网址:“www.example.com/php/home.php”

当我点击第二个菜单按钮时，意味着“关于”。它使用以下 URL 导航到目标 block 。 “www.example.com/php/home.php#关于”

我期待的是 “www.example.com/About” 或 “www.example.com/#About”

我还尝试了window.history.pushState('', '','/About');这会根据我的需要更改 URL，但是当我刷新同一页面时，它会显示 404 错误。请在这件事上给予我帮助。有没有办法使用 JavaScript 或 PhP 来实现这一点。

提前致谢。

Answer 1

如果这是主目录，则创建一个 .htaccess 文件并写入

Options -Indexes
DirectoryIndex home.php       
order deny,allow

您还可以添加以下规则

RewriteRule ^ home.php [QSA,L]