如何使用JavaScript在Go HighLevel中实现登录后跳转至指定页面

问题分析 #

你当前的脚本仅在手动刷新dashboard页面时生效，核心原因是Go HighLevel（GHL）属于单页应用（SPA）：用户登录后的dashboard跳转是前端路由切换，不会触发页面整体刷新，导致你的初始脚本只在页面首次加载时执行一次，后续路由切换时无法触发。

修正后的脚本及说明 #

替换原有脚本为以下代码，确保在页面加载完成、路由切换时都能触发跳转逻辑：

document.addEventListener('DOMContentLoaded', function() {
  // 定义统一的跳转逻辑
  function redirectToContacts() {
    // 用pathname匹配更精准，避免URL参数、域名前缀干扰
    const targetDashboardPath = '/location/xkTaFgTklXH0jB/dashboard';
    const targetContactUrl = 'https://app.gohighlevel.com/v2/location/xkTaFgTklXH0jB/contacts/smart_list/All';

    if (window.location.pathname === targetDashboardPath) {
      // 使用replace避免在浏览器历史中留下dashboard的记录
      window.location.replace(targetContactUrl);
    }
  }

  // 页面首次加载完成后立即检查一次
  redirectToContacts();

  // 监听浏览器路由回退/前进事件（适配SPA路由变化）
  window.addEventListener('popstate', redirectToContacts);

  // 监听页面内容变化（应对GHL内部路由切换时的DOM更新）
  const observer = new MutationObserver(() => redirectToContacts());
  // 监听body下所有子元素的变化，确保路由切换后能触发检查
  observer.observe(document.body, { childList: true, subtree: true });
});

关键优化点 #

• 精准路径匹配：使用location.pathname替代href，避免URL中的查询参数、域名等干扰匹配逻辑
• 多时机触发：
  • 页面加载完成时执行一次
  • 监听浏览器路由变化事件（popstate）
  • 用MutationObserver监听页面DOM变化，覆盖GHL内部路由切换的场景
• 体验优化：使用window.location.replace替代直接赋值，避免用户回退时再次回到dashboard页面

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