JavaScript 中 fetch 怎么过滤敏感参数防止日志泄露-js教程-PHP中文网

敏感参数泄露源于日志采集环节未脱敏，需在console、监控sdk、埋点上报等日志源头对url（过滤query参数）、headers（剔除authorization等）、body（掩码password等字段）做针对性脱敏，并避免错误捕获时打印完整response或error.stack。

javascript 中 fetch 怎么过滤敏感参数防止日志泄露

fetch 本身不记录日志，敏感参数泄露通常发生在你主动将请求信息（如 URL、headers、body）打印到控制台、上报监控系统或写入本地日志时。关键不是“fetch 过滤”，而是**在日志采集环节脱敏**。

明确日志来源，只在必要位置做脱敏

浏览器控制台 console.log(req)、前端监控 SDK（如 Sentry、Bugsnag）、自建埋点上报、甚至开发环境的请求拦截器（如 Charles/Fiddler 的日志面板），都可能暴露敏感字段。先确认你的日志从哪来，再针对性处理。

对 URL 中的 query 参数做脱敏

如果敏感信息通过 URL 传递（如 ?token=abc&userId=123），直接打印完整 URL 就会泄露。建议：

Comprehensive Three.js 3D graphics reference

详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。

下载

用 URL API 解析后手动过滤：提取 searchParams，删除或掩码指定键名（如 token、auth、code）
日志中只保留脱敏后的 URL：url.origin + url.pathname + cleanSearch

示例：

function sanitizeUrl(urlStr) {
  const url = new URL(urlStr);
  ['token', 'auth', 'code', 'sig'].forEach(key => url.searchParams.delete(key));
  return url.origin + url.pathname + url.search;
}

对 headers 和 body 做选择性日志

不要直接 console.log({ headers, body })。应：

headers：仅记录非敏感头（如 Content-Type），过滤 Authorization、Cookie、X-Api-Key 等
body：如果是 JSON，用 JSON.parse(JSON.stringify(body)) 深拷贝后递归删除/掩码敏感字段（如 password、idCard、mobile）；如果是 FormData，需遍历 key-value 处理
推荐封装一个 safeLogRequest(req) 工具函数，统一管控脱敏逻辑