本文介绍一种纯前端实现方案：通过 JavaScript 随机选择预设的多个目标域名，并将当前页面路径（pathname）拼接到所选域名后，实现无服务端参与的随机跨站重定向。
本文介绍一种纯前端实现方案：通过 javascript 随机选择预设的多个目标域名，并将当前页面路径（`pathname`）拼接到所选域名后，实现无服务端参与的随机跨站重定向。
在迁移旧网站时，若需将所有请求以“路径保持一致、域名随机分发”的方式导向多个新站点（如 site1.com、site2.com、site3.com），可借助浏览器端 JavaScript 快速实现。核心逻辑是：获取当前页面路径（window.location.pathname），从域名列表中随机选取一个，再组合为完整 URL 并触发跳转。
以下是推荐的实现代码（已增强健壮性与安全性）：
// 定义目标域名列表（建议使用 HTTPS，避免混合内容警告）
const targetSites = ["site1.com", "site2.com", "site3.com"];
// 获取随机域名
const randomSite = targetSites[Math.floor(Math.random() * targetSites.length)];
// 构建目标 URL：强制使用 HTTPS，保留原始路径（含查询参数和哈希可选）
const targetUrl = `https://${randomSite}${window.location.pathname}${window.location.search}${window.location.hash}`;
console.log("Redirecting to:", targetUrl); // 开发调试用
// window.location.href = targetUrl; // ✅ 取消注释以启用重定向⚠️ 重要注意事项：
-
协议安全：务必使用
https://（而非http://），否则现代浏览器可能阻止不安全的跳转或触发混合内容警告； -
路径完整性：
window.location.pathname仅包含路径部分（如/products/item.html），如需保留查询参数（?id=123）和锚点（#section1），应显式拼接search和hash属性（如上例所示）； - SEO 与用户体验：客户端重定向对搜索引擎不友好，且用户可能感知延迟或闪烁；生产环境更推荐在 Nginx/Apache 或 CDN 层通过服务端规则实现（如基于 IP 哈希或随机策略的反向代理）；
-
调试建议：上线前先注释掉
window.location.href = ...行，通过console.log验证生成 URL 是否正确，避免误跳转。
该方案轻量、无需后端改造，适用于 A/B 测试、灰度发布或临时分流场景。但请始终以用户体验和安全性为优先——确保所有目标域名已配置有效的 HTTPS 证书，并具备对应路径的资源响应能力。
