基于来源域名与页面将访客重定向至不同域名的技术问询

一、前端JavaScript实现（客户端侧） #

适合静态页面场景，注意浏览器隐私策略可能导致Referrer头缺失的问题：

// 在Specific-Page页面的脚本中添加
document.addEventListener('DOMContentLoaded', () => {
  const allowedReferrer = 'https://site-one.com/page-name';
  const redirectTarget = 'https://site-two.com/page-name-default';
  
  // 若Referrer存在且不属于允许来源，则跳转
  if (document.referrer && !document.referrer.startsWith(allowedReferrer)) {
    window.location.href = redirectTarget;
  }
});

注意：如果需要允许用户直接输入URL访问该页面，需调整判断逻辑，排除document.referrer为空的情况。

二、后端服务器配置实现（更可靠，推荐） #

前端方案可被用户篡改或禁用，后端控制更严谨，以下是主流服务端的实现方式：

1. Nginx配置 #

在站点的server块中添加规则：

location /specific-page {
  # 仅拦截非允许来源且Referrer不为空的请求
  if ($http_referer !~* "^https://site-one\.com/page-name" && $http_referer != "") {
    return 302 https://site-two.com/page-name-default;
  }
  # 正常处理页面请求
  try_files $uri $uri/ =404;
}

2. Apache配置（.htaccess或httpd.conf） #

依赖mod_rewrite模块，在.htaccess中写入：

RewriteEngine On
# 匹配Specific-Page路径
RewriteCond %{REQUEST_URI} ^/specific-page$
# 排除允许来源与空Referrer（直接访问）
RewriteCond %{HTTP_REFERER} !^https://site-one\.com/page-name [NC]
RewriteCond %{HTTP_REFERER} !^$
# 执行临时重定向
RewriteRule ^(.*)$ https://site-two.com/page-name-default [R=302,L]

3. Node.js/Express后端实现 #

在路由处理逻辑中添加校验：

app.get('/specific-page', (req, res) => {
  const allowedReferrer = 'https://site-one.com/page-name';
  const referrer = req.get('Referrer');
  
  if (referrer && !referrer.startsWith(allowedReferrer)) {
    return res.redirect(302, 'https://site-two.com/page-name-default');
  }
  
  // 正常渲染页面
  res.render('specific-page');
});

4. PHP后端实现 #

在Specific-Page的PHP文件头部添加校验逻辑：

<?php
$allowedReferrer = 'https://site-one.com/page-name';
$redirectTarget = 'https://site-two.com/page-name-default';
$referrer = $_SERVER['HTTP_REFERER'] ?? '';

// 仅拦截非允许来源且Referrer不为空的请求
if (!empty($referrer) && strpos($referrer, $allowedReferrer) !== 0) {
  header('Location: ' . $redirectTarget, true, 302);
  exit;
}
// 后续页面渲染逻辑
?>

关键注意事项 #

• Referrer头局限性：浏览器隐私模式、第三方Cookie禁用等场景可能导致Referrer头缺失或被截断，需根据业务需求调整是否允许空Referrer的访问。
• 重定向状态码：临时规则用302状态码，若为永久规则可改用301，但302更灵活便于后续调整。
• 安全性：前端方案仅作辅助，严格的访问控制必须依赖后端实现。

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