如何限制网页仅可通过指定页面重定向访问，禁止直接输入URL访问

云原生阿岚

2026-8-28

静态页访问控制实现方案

纯静态站点无后端环境下，`Referer`校验、.htaccess规则、未正确配置的PHP代码普遍存在失效问题，最稳定可落地的方案是基于`sessionStorage`的临时令牌校验，不需要改服务器配置，全静态环境可运行。

步骤1：修改`index.html`的跳转逻辑

替换原有按钮的跳转事件，跳转前写入合法访问标识：

<button id="enterHome">进入主页</button>
<script>
document.querySelector('#enterHome').addEventListener('click', () => {
  // 写入会话级访问许可，关闭标签页自动清除
  sessionStorage.setItem('homeAccessPass', 'valid');
  window.location.href = 'home.html';
})
</script>

步骤2：在`home.html`头部加访问校验

将下述代码放在home.html的<head>标签最顶部，确保页面资源加载前完成校验：

<script>
(() => {
  const pass = sessionStorage.getItem('homeAccessPass');
  if (pass !== 'valid') {
    // 非法访问直接重定向到首页，可替换为自定义错误页地址
    window.location.replace('index.html');
    return;
  }
  // 校验通过后立刻销毁许可，防止回退/前进绕过
  sessionStorage.removeItem('homeAccessPass');
})();
</script>

常见方案失效原因说明

基于document.referrer的JS校验：现代浏览器默认隐私策略、广告拦截插件、无痕模式都会主动清除/截断Referer字段，既会误拦合法用户，也容易被技术手段伪造。
.htaccess规则：仅Apache服务器支持，若你使用Nginx、静态托管平台（对象存储、Pages服务），.htaccess文件完全不会被解析，自然不生效；即使是Apache环境，同样存在Referer字段不可靠的问题。
PHP类方案：如果服务器未配置HTML文件走PHP解析，写在html文件里的PHP代码会被当成普通文本输出，根本不会执行。