同源同URL iframe会话区分问题：切换后数据异常求助

页面嵌入两个同源iframe，指向同一网站，通过URL参数（如customer=1）区分员工/客户身份，后端依赖会话切换对应数据库表。但切换到另一iframe导航时，因URL参数丢失，会话信息被改写，返回原iframe会显示错误数据。不想通过克隆网站到不同目录解决，寻求更优方案。

• 给会话变量添加角色前缀
  避免使用全局会话变量，根据URL参数给会话值加上角色专属前缀，让两个iframe的会话数据互相独立：

  // 初始化时获取角色标识
  $role = isset($_GET['customer']) ? 'customer' : 'staff';
  // 存储对应角色的数据库表配置
  $_SESSION[$role . '_target_table'] = $role === 'customer' ? 'customer_table' : 'staff_table';
  
  // 查询时读取对应角色的会话值
  $current_table = $_SESSION[$role . '_target_table'];
  

• 通过iframe名称+请求头传递身份
  给每个iframe设置唯一name（如customer_frame、staff_frame），在iframe内拦截所有请求，添加专属请求头字段，后端通过请求头识别角色：
  前端拦截示例（iframe内全局生效）：

  const iframeRole = window.name;
  // 拦截Fetch请求
  const originalFetch = window.fetch;
  window.fetch = (resource, options = {}) => {
      options.headers = {...options.headers, 'X-Iframe-Role': iframeRole};
      return originalFetch(resource, options);
  };
  // 拦截XHR请求
  const originalOpen = XMLHttpRequest.prototype.open;
  XMLHttpRequest.prototype.open = function(method, url) {
      originalOpen.apply(this, arguments);
      this.setRequestHeader('X-Iframe-Role', iframeRole);
  };
  

  后端处理示例：

  $role = $_SERVER['HTTP_X_IFRAME_ROLE'] ?? 'staff';
  $current_table = $role === 'customer_frame' ? 'customer_table' : 'staff_table';
  

• 自动追加URL角色参数
  确保iframe内所有内部跳转的URL都携带角色参数，后端生成链接时自动追加当前角色标识：

  // 获取当前角色参数片段
  $roleParam = '';
  if (isset($_GET['customer'])) {
      $roleParam = '&customer=1';
  } elseif (isset($_GET['staff'])) {
      $roleParam = '&staff=1';
  }
  // 生成内部链接时拼接参数
  echo '<a href="detail.php?id=2' . $roleParam . '">查看详情</a>';
  

内容的提问来源于stack exchange，提问作者nicksource