Electron使用时拦截HTTP请求的解决方案

最新推荐文章于 2025-06-04 10:02:30 发布

weixin_30869099

最新推荐文章于 2025-06-04 10:02:30 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Amar/p/11051016.html

本文介绍了在Electron应用中遇到的HTTP请求缺少referer导致认证失败的问题，以及通过自定义HTTP协议和修改窗口会话行为两种方法进行解决的尝试。最终，通过在webrequest的onBeforeSendHeaders阶段追加Referer信息成功解决问题，提供了针对类似场景的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景

最近在做一个Web和Electron共用一份代码的工程，由于使用到了第三方的库（我们是在线地图），该库的认证方式是请求时加key，并且它在后台会校验referer。

于是问题就来了，Electron是运行在本地的，http请求的时候，是不会带有授权Web站点的referer的。导致认证失败，无法调用所需的api接口。

分析

既然HTTP请求发送的时候不带referer，那么我们给他加上去，是不是就可以了呢？

对策

方法1：自定义HTTP协议，在发送请求时，补上referer

// 注册自定义协议
protocol.registerStandardSchemes(['app', '自定义协议'], { secure: true })
// 自定义协议的具体实现
protocol.registerHttpProtocol('自定义协议', (req, cb) => {
        cb({
            url: “特定的url地址”,
            referrer: "http://被授权的referrer头信息"
        })
    })
//