Google App Script发信成功后无法跳转回GCP托管站点如何解决

解决方案 #

你遇到的第三方提示是Google Apps Script Web App返回HTML内容时的默认安全提示，且你的跳转代码默认在Apps Script的嵌套iframe中执行，无法直接跳出框架导致跳转失败，可按以下方案解决：

方案1：异步提交+前端跳转（最稳定，完全规避弹窗）

该方案完全不需要Apps Script渲染页面，从根源避免触发第三方提示。

1. 修改Apps Script代码，将原跳转返回逻辑替换为返回JSON状态：

// 替换原来的 return HtmlService.createHtmlOutput(...) 代码块
return ContentService
  .createTextOutput(JSON.stringify({"result":"success", "redirect": REDIRECT_URL}))
  .setMimeType(ContentService.MimeType.JSON);

2. 前端表单改用异步提交，提交成功后直接由前端控制跳转：

// 假设你的联系表单id为contactForm
document.querySelector('#contactForm').addEventListener('submit', function(e) {
  // 阻止原生表单默认提交行为
  e.preventDefault();
  const formData = new FormData(this);
  // 提交到你的Apps Script Web App部署地址
  fetch('你的Apps Script部署链接', {
    method: 'POST',
    body: formData,
    mode: 'no-cors'
  }).then(() => {
    // 提交成功直接跳转回站点
    window.location.href = 'https://www.thecloudconsult.com/';
  }).catch(err => {
    console.error('表单提交失败：', err);
  });
});

方案2：调整Apps Script跳转逻辑与部署配置

如果你需要保留原表单直接提交的逻辑，可按以下步骤修改：

1. 重新部署Apps Script Web App，部署时「谁可以访问」选项选择任何人，甚至匿名用户，不要使用测试部署链接，测试链接会强制弹出第三方提示。
2. 修改跳转代码，指定操作顶层窗口跳转，同时放开沙箱权限：

return HtmlService.createHtmlOutput( "<script>window.top.location.assign(\"" + REDIRECT_URL + "\");</script>")
  .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL)
  .setSandboxMode(HtmlService.SandboxMode.IFRAME_ALLOW_TOP_NAVIGATION);

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