使用Discord Webhook跨账号传数据遭遇400错误求排查方案

可能的错误原因 #

• 请求Payload格式不合法：Discord Webhook要求请求体是严格的JSON格式，且必须包含content（或embeds等合法字段）。如果LocalStorage数据未正确转义、JSON序列化失败，或者字段缺失/格式错误，会直接返回400。
• Webhook URL无效：URL复制不完整、副账号频道的Webhook被删除/权限变更，或者URL中的密钥部分有误，都会导致请求被拒绝。
• 请求头或方法错误：未设置正确的Content-Type: application/json头，或误用GET方法（必须用POST），甚至额外添加了Discord不需要的Authorization头，都可能触发400。
• 内容长度超限：Discord限制单条消息的content字段最长2000字符，若LocalStorage数据过长，未拆分直接发送会导致请求失败。
• Discord网页端CSP限制：在Discord网页端内运行脚本时，其内容安全策略可能阻止不符合规则的请求（比如意外使用了非Discord域名的代理）。

有效解决方案 #

1. 先验证Webhook URL有效性 #

用curl命令直接测试URL是否可用，排除URL本身的问题：

curl -X POST -H "Content-Type: application/json" -d '{"content": "测试消息"}' 你的WebhookURL

如果返回204 No Content，说明URL正常；若仍返回400，检查URL是否完整（确保包含https://discord.com/api/webhooks/...全路径）。

2. 规范请求代码 #

确保请求格式完全符合Discord要求，以下是正确的fetch示例：

const webhookUrl = "你的副账号频道Webhook URL";
const targetData = localStorage.getItem("需要传输的LocalStorage键名");

// 处理数据，确保格式合法
const payload = {
  content: `LocalStorage传输数据：\n\`\`\`\n${targetData}\n\`\`\``
};

fetch(webhookUrl, {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify(payload)
})
.then(res => {
  if (!res.ok) {
    return res.text().then(err => Promise.reject(err));
  }
  console.log("数据传输成功");
})
.catch(err => console.error("错误详情：", err));

如果LocalStorage存储的是JSON对象，先解析再格式化，避免嵌套JSON导致的格式错误：

const rawData = localStorage.getItem("dataKey");
let formattedData = "";
try {
  const parsedData = JSON.parse(rawData);
  formattedData = JSON.stringify(parsedData, null, 2); // 格式化后更易读
} catch (e) {
  formattedData = rawData; // 解析失败则直接用原始字符串
}

const payload = {
  content: "LocalStorage数据：\n```json\n" + formattedData + "\n```"
};
// 发送请求...

3. 处理超长数据 #

如果数据超过2000字符，拆分多条发送：

const splitMessage = (text, maxLen = 2000) => {
  const chunks = [];
  let current = "";
  text.split("\n").forEach(line => {
    if (current.length + line.length + 1 > maxLen) {
      chunks.push(current);
      current = line;
    } else {
      current += (current ? "\n" : "") + line;
    }
  });
  if (current) chunks.push(current);
  return chunks;
};

// 拆分后逐条发送
splitMessage(targetData).forEach(chunk => {
  fetch(webhookUrl, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ content: chunk })
  });
});

4. 排查CSP限制 #

如果在Discord网页端控制台运行脚本时出现CSP相关错误，确认请求的是Discord官方域名的Webhook（https://discord.com/api/webhooks/...），避免使用第三方代理。若仍有问题，可尝试在浏览器扩展脚本（如Tampermonkey）中运行，扩展的CSP限制更宽松。

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