Ajax书签：加载正确的页面

Question

基本上我实现了Ajax来动态更改我的网页，如下所示：

<a href="javascript:loadProfile()">Profile</a>
<script>
function loadProfile() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        document.getElementById("main").innerHTML =
        this.responseText;
        }
    };
  xhttp.open("GET", "profile.php", true);
  xhttp.setRequestHeader("Authorization", "index:redirect")
  xhttp.send();
  history.replaceState({foo: 'profile'}, "Profile", "profile.php");
}
</script>

单击链接应触发页面刷新以在当前站点中显示新内容。 现在这个工作正常，但是当重新加载页面或书签并加载它时，肯定不是来自主页面的内容而是仅调用profile.php。

当直接访问我的目标地址时，我希望加载我的主页面（home.php），然后替换配置文件的div，与页面上的loadProfile（）调用相同。

有没有办法实现这个目标？

Answer 1

我通过在Apache服务器上使用.htaccess文件解决了这个问题。 这里不详细说明（因为我自己问了这个问题）你只需通过php重定向就可以利用网址的基本路由和管理。