仅首次访问的TLD Cookie重定向异常：跨域Cookie失效问题

问题概述 #

目标是实现仅对首次访问且域名不符合地域的用户进行重定向，现有.htaccess配置在部分场景下失效：

当前.htaccess代码：

# Check if the cookie is set on the correct domain
RewriteCond %{HTTP_COOKIE} !tld=yes [NC]
RewriteCond %{HTTP:CF-IPCountry} ^MX$
RewriteCond %{HTTP_HOST} !\.mx$ [NC]
RewriteRule ^ https://ellasbubbles.mx%{REQUEST_URI} [R=301,L,QSA,CO=tld:yes:.ellasbubbles.mx:/:0:true]

测试场景结果 #

• 用户1（首次访问的墨西哥用户）：访问ellasbubbles.com → 被重定向至ellasbubbles.mx；再次访问ellasbubbles.com时无重定向，符合预期。
• 用户2（已访问过ellasbubbles.mx的墨西哥用户）：访问ellasbubbles.mx正常（符合预期），但访问ellasbubbles.com时仍被重定向至ellasbubbles.mx，不符合需求。

问题根因 #

ellasbubbles.com与ellasbubbles.mx是完全独立的顶级域，浏览器同源策略限制跨域Cookie读取：在ellasbubbles.mx域设置的tld=yes Cookie，无法被ellasbubbles.com域的服务器（.htaccess）识别，导致用户2访问ellasbubbles.com时，服务器判定用户未完成首次定向，触发不必要的重定向。

解决方案 #

由于跨域Cookie无法共享，单独使用.htaccess无法解决该问题，结合你已在使用Cloudflare的情况，推荐以下两种方案：

方案1：Cloudflare KV存储用户状态（推荐） #

利用Cloudflare KV存储用户的定向状态，基于用户真实IP（Cloudflare提供的CF-Connecting-IP）识别，不受Cookie域限制。

实现步骤：

1. 在Cloudflare控制台创建一个KV命名空间，记录其绑定名称。
2. 创建Cloudflare Worker，替换代码中的KV_NAMESPACE为你的KV命名空间绑定名称：

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const url = new URL(request.url)
  const country = request.headers.get('CF-IPCountry')
  const userIp = request.headers.get('CF-Connecting-IP')

  // 仅处理墨西哥地区用户
  if (country !== 'MX') {
    return fetch(request)
  }

  // 构造KV存储键，基于用户IP
  const kvKey = `mx_tld_redirect_${userIp}`
  const hasCompletedRedirect = await KV_NAMESPACE.get(kvKey)

  // 用户已完成定向，直接返回请求
  if (hasCompletedRedirect) {
    return fetch(request)
  }

  // 当前域名非.mx，执行重定向并记录状态
  if (!url.hostname.endsWith('.mx')) {
    const targetUrl = new URL(url)
    targetUrl.hostname = 'ellasbubbles.mx'
    // 记录状态，设置30天过期
    await KV_NAMESPACE.put(kvKey, 'done', { expirationTtl: 2592000 })
    return Response.redirect(targetUrl.toString(), 301)
  }

  // 当前域名是.mx，直接记录状态
  await KV_NAMESPACE.put(kvKey, 'done', { expirationTtl: 2592000 })
  return fetch(request)
}

3. 将该Worker绑定到ellasbubbles.com和ellasbubbles.mx两个域名上，替代原.htaccess的重定向逻辑。

方案2：前端跨域同步Cookie（依赖前端代码） #

通过前端iframe跨域请求，在两个域名下同步Cookie：

1. 在ellasbubbles.mx的页面中嵌入一个指向ellasbubbles.com的隐藏iframe，该iframe页面的代码负责设置domain=.ellasbubbles.com的tld=yes Cookie。
2. 当用户访问ellasbubbles.com时，就能读取到该Cookie，避免触发重定向。

注意：该方案需要处理浏览器的跨域限制，且依赖前端代码部署，可靠性低于KV方案。

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