electron请求接口报错，meta标签设置csp安全策略问题

最新推荐文章于 2025-03-12 16:58:58 发布

·Vino

最新推荐文章于 2025-03-12 16:58:58 发布

阅读量865

点赞数 1

文章标签： electron javascript 前端

本文链接：https://blog.csdn.net/qq825871092/article/details/131582247

版权

文章讲述了在Electron开发中遇到的由于缺少meta标签中的connect-src定义，导致请求接口时触发同源策略的问题。解决方案是保留default-srcself的同时，添加指定域名到Content-Security-Policy中，以允许跨域请求，避免Electron2.0及以上版本的警告。

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

electron请求接口报错，meta标签设置csp安全策略问题

报错
解决方法

报错

因为没有在meta标签中定义connect-src所以采用默认的default-src的策略因为设置成了’self’，所以这里请求的资源只允许同源的。
在这里插入图片描述

解决方法

如果直接去掉content中定义的内容安全策略，electron会报警告，因为从2.0版本开始，如果使用electron的开发人员没有定义Content-Security-Policy，Electron就会在DevTool console发出警告
该处的采用任保留’self’ 再此基础上加上指定域名的资源
在这里插入图片描述
问题解决