Javascript 如何保护纯html页面免受未经授权的访问？

我有一个纯html格式的管理页面，在以管理员身份登录后，它会重定向到管理页面。管理员页面的Url为。但如果我们只键入URL，也可以访问此页面。因此，任何人都可以访问此页面，如果他知道此页面的url。所以我想保护这个html页面不被未经授权的访问。这里php文件和html文件是分开的。要访问该页面，将有登录id和密码。仅匹配登录id和密码后，应加载所需页面

家庭服务-下一代服务提供商-管理员
欢迎管理员。。

---

您也可以使用.htaccess执行此操作。为了保护您免受搜索引擎的攻击，您可以使用robot.txt尝试

httpbasicauth

和nginx

    location /index.html {
            auth_basic "auth";
            auth_basic_user_file /etc/nginx/.htpasswd;
    }

---

如果成功，可以使用jquery加载php会话页面，然后显示body else hide to body是priya786是正确的。这是一个很好的解决方案。如果您是通过php加载这些模板，那么只需将模板从public目录中移出即可。@priya786，谢谢您的回复，但我不想在html代码中使用php，所以可以这样做。。在这种情况下，您只能使用jquery而不能使用php

    location /index.html {
            auth_basic "auth";
            auth_basic_user_file /etc/nginx/.htpasswd;
    }