Google Apps Script登录跳转报错：500与X-Frame-Options问题求助

核心问题分析 #

1. 直接访问dashboard.html报错500：Google Apps Script（GAS）的Web应用不允许直接通过文件名+后缀的方式访问HTML文件，所有页面必须通过doGet()/doPost()函数路由返回。
2. 直接跳dashboard触发X-Frame错误：未正确配置路由逻辑时，GAS会默认跳转至开发者页面，同时即使设置了ALLOWALL，错误的跳转目标仍会触发跨域框架限制。

具体解决方案 #

1. 配置服务器端路由逻辑（.gs文件）

在你的脚本文件中编写doGet()函数，通过page参数实现页面路由，并加入session验证：

function doGet(e) {
  // 获取请求参数，默认跳转登录页
  const targetPage = e.parameter.page || "login";
  const sessionId = e.parameter.sessionId;

  // 验证session有效性（替换为你自己的session校验逻辑）
  if (targetPage === "dashboard" && !isValidSession(sessionId)) {
    // 校验失败，返回登录页
    return HtmlService.createHtmlOutputFromFile("login");
  }

  // 根据参数返回对应页面
  switch(targetPage) {
    case "dashboard":
      return HtmlService.createHtmlOutputFromFile("dashboard")
        .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    case "login":
    default:
      return HtmlService.createHtmlOutputFromFile("login");
  }
}

// 自定义session验证函数，示例用CacheService存储session
function isValidSession(sessionId) {
  const cache = CacheService.getScriptCache();
  return cache.get(sessionId) !== null;
}

2. 修改前端跳转逻辑（login.html）

不要直接跳文件名，而是通过Web应用的根URL传递page参数，推荐用相对路径更灵活：

function onLoginSuccess(sessionId) {
  if (sessionId) {
    console.log('Success')
    console.log(sessionId)
    // 用相对路径跳转到仪表盘，自动继承当前Web应用的根URL
    window.location.href = `?page=dashboard&sessionId=${sessionId}`;
    console.log('Success')
  } else {
    alert("Invalid email or password. Please try again.");
  }
}

额外注意事项 #

• 每次修改服务器端代码后，必须重新部署Web应用并更新版本，否则旧代码会生效。
• 部署Web应用时，确保权限设置符合你的需求（比如选择“任何人，甚至匿名”或“仅限组织内用户”）。
• 务必保留session验证逻辑，防止未授权用户直接访问仪表盘页面。

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