急，用 electron 发送请求遇到了问题

[ShibanuDrill]

electron 版本为 16.0.3 ，在 react 组件内发起请求，会因为 CSP 策略而被拦截，如图

但是 html 中已经设置了 CSP 策略

<meta http-equiv="Content-Security-Policy" content="connect-src 'self' http://localhost:3022 'unsafe-eval';">

依然不顶用，创建 BrowserWindow 的地方配置了 webSecurity 为 false 也不行，查了一圈完全没查到有效的办法，各位大哥救一救小弟

[murmur]

跨域是服务器设置的，网页端不管用，得接口设置允许跨域才行

[murmur]

你访问的接口里有 Content-Security-Policy 么

[ShibanuDrill]

@murmur 我这个不是报的 CORS 错误，是 CSP(内容安全策略)，而且 electron 可以直接把同源策略关掉的

[kidonng]

用 webRequest.onHeadersReceived 修改 responseHeaders 里的 CSP

[ShibanuDrill]

@kidonng 大佬，我改了后还是一样的报错，麻烦你看一下，这个是写在主进程的入口处的
```
session.defaultSession.webRequest.onHeadersReceived(
{
urls: ["http://localhost:3022/*"],
},
(details, callback) => {
details.responseHeaders["Content-Security-Policy"] = [
"connect-src 'self' http://localhost:3022 'unsafe-eval';",
];
callback({ cancel: false, responseHeaders: details.responseHeaders });
}
);
```

[mxT52CRuqR6o5]

jsonp 吗？

[ShibanuDrill]

@mxT52CRuqR6o5 没有，就是用 axios 发的请求

[ghylcg]

electron 9.0 以后的版本 webSecurity 为 false 这个参数已经没有作用了

[duan602728596]

不如换 got 或者 node-fetch 请求算了

[ShibanuDrill]

@duan602728596 应该不是请求库的原因吧

[slime7]

axios 的话，用 preload 暴露出 node 的 http 然后在渲染端切换 adapter 吧，这样发请求都通过 node 的 http 发

preload

```js
import axiosHttpAdapter from 'axios/lib/adapters/http';

contextBridge.exposeInMainWorld('axiosHttpAdapter', axiosHttpAdapter);
```

renderer
```js
axios.defaults.adapter = window.axiosHttpAdapter;
```

[ShibanuDrill]

难道没有人在用较新的版本时，在渲染线程里面发请求遇到这个问题的吗😂

[yuningWang8]

index.html 里设置一下 csp 规则？

[yuningWang8]

参考： https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP

[ShibanuDrill]

@slime7 就是在主线程的入口处执行上面这一段暴露 http ，然后在渲染线程中更换吧，好像挺靠谱的，等会试一下

[ShibanuDrill]

@yuningWang8 设置过了，图片下面的那段 meta 的代码就是

[slime7]

@ShibanuDrill 不是主线程暴露，是 preload 里面暴露，搜一下用法吧

[duan602728596]

@ShibanuDrill 我的意思是，你现在用的请求库走的是浏览器环境的，你可以试试用 node 的请求库，node 环境就没有这么多限制了

[yuningWang8]

@ShibanuDrill 报错不是说你的 connect-src 设置错误了吗？所以用了 default-src 的默认值。

[oott123]

有一点需要注意，html 设置的 CSP 无法设置得比 response header 中的更宽松。