如何通过JavaScript实现根据访客国家进行页面重定向（HTML页面）

可以通过IP地理定位API结合JavaScript实现这个需求，以下是具体实现代码和注意事项：

实现代码示例 #

// 允许访问的国家代码列表（ISO 3166-1 alpha-2格式）
const allowedCountries = ['US', 'CA', 'GB'];
// 重定向目标页面
const redirectUrl = '/unauthorized.html';

async function checkAndRedirect() {
  try {
    // 调用IP地理定位API获取访客国家信息
    const response = await fetch('https://ip-api.com/json/?fields=countryCode');
    const data = await response.json();
    
    // 验证API返回是否有效
    if (data.status === 'success') {
      const userCountry = data.countryCode;
      // 如果不在允许列表中，执行重定向
      if (!allowedCountries.includes(userCountry)) {
        window.location.href = redirectUrl;
      }
    } else {
      // API调用失败时的降级处理（可根据需求调整）
      console.error('无法获取访客国家信息:', data.message);
    }
  } catch (error) {
    // 网络请求失败时的处理
    console.error('请求IP定位API出错:', error);
  }
}

// 页面加载时执行检查
window.addEventListener('load', checkAndRedirect);

关键说明 #

• 国家代码格式：使用ISO 3166-1 alpha-2标准（如美国是US，中国是CN），确保和API返回格式一致
• 前端方案局限性：
  • 访客可通过VPN、代理更改IP，导致定位不准确
  • 免费API通常有请求频次限制，高流量场景不适用
  • 无法完全替代后端验证，敏感内容建议在服务器端做二次校验
• API选择：示例中使用的是免费IP定位服务，生产环境可考虑自建IP数据库或使用付费商业服务，避免依赖第三方API的稳定性问题

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