electron跨域配置

矫情吗；* 2022-09-09 15:59 315阅读 0赞

我们在使用 electron 时，有时候接口本身是有跨域的，而 electron 本身默认是禁止跨域请求的  
网上有文章提出在 .electron-vue 文件夹中的dev-runner.js里增加代理

const server = new WebpackDevServer(
          compiler,
          { 
            contentBase: path.join(__dirname, '../'),
            quiet: true,
            proxy: { 
              '/api': { 
                // 请求的目标服务器地址
                target: 'https://xxx.xxx.xxx',
                // 设置允许跨域
                changeOrigin: true,
                secure: false,// 不验证 https
                // 重写路径
                pathRewrite: { 
                  '^/api': ''
                },
                headers: { 
                  referer: ''
                }
              }
            },
            before (app, ctx) { 
              app.use(hotMiddleware)
              ctx.middleware.waitUntilValid(() => { 
                resolve()
              })
            }
          }
        )

这样在dev环境下是可以的，但是当我们 build 之后，发现接口请求都变成本地 file://xxx 形式的, 很显然这样不能用。  
其实electron本身提供了同源策略设置，我们只需要修改一下配置就可以了

webSecurity Boolean (可选) - 当设置为 false, 它将禁用同源策略 (通常用来测试网站), 如果此选项不是由开发者设置的，还会把 allowRunningInsecureContent设置为 true. 默认值为 true。  
我们只需要在主进程的 new BrowserWindow() 方法中添加

webPreferences: { 
       webSecurity: false
    }

就可以了

发表评论取消回复

表情：

评论列表（有 0 条评论，315人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 跨域配置

在package.json同级目录下新建文件vue.config.js；内容如下： module.exports = { //自行复制黏贴

骑猪看日落/ 2022年10月05日 05:58/ 0 赞/ 181 阅读

相关 electron跨域配置

我们在使用 electron 时，有时候接口本身是有跨域的，而 electron 本身默认是禁止跨域请求的网上有文章提出在 .electron-vue 文件夹中的dev-

矫情吗；*/ 2022年09月09日 15:59/ 0 赞/ 316 阅读

相关 java配置跨域springboot配置Cors跨域

springboot配置Cors跨域、java最简单配置跨域解决方案 > aiprose 个人随笔上线，网址 [aiprose.com][] [点击访问][Link 1]

短命女/ 2022年05月31日 01:20/ 0 赞/ 547 阅读

相关 Nginx跨域配置

Nginx跨域配置某天，我们将Spring Boot应用用Nginx反向代理。而前端跨域请求的需求不减，于是乎。 Nginx跨域也比较简单，只需添加以下配置即可。

Bertha 。/ 2022年05月21日 04:27/ 0 赞/ 276 阅读

相关 springboot跨域配置

跨域并非浏览器限制了发起跨站请求，而是跨站请求可以正常发起，但是返回结果被浏览器拦截了。最好的例子是CSRF跨站攻击原理，请求是发送到了后端服务器无论是否跨域！注意：有些浏览器

悠悠/ 2022年04月25日 08:04/ 0 赞/ 213 阅读

相关 springboot跨域配置

前言：当它请求的一个资源是从一个与它本身提供的第一个资源的不同的域名时，一个资源会发起一个跨域HTTP请求(Cross-site HTTP request)。比如说，

一时失言乱红尘/ 2022年03月01日 15:36/ 0 赞/ 253 阅读

相关 springboot跨域配置

From: [https://www.cnblogs.com/nananana/p/8492185.html][https_www.cnblogs.com_nananana_p

约定不等于承诺〃/ 2022年02月24日 14:54/ 0 赞/ 270 阅读

相关 SpringMVC跨域配置

> 一：SpringMVC4.x以下，就需要对该请求配置Filter，设置请求头可支持跨域。 1.web.xml配置  <f

刺骨的言语ヽ痛彻心扉/ 2022年02月18日 11:39/ 0 赞/ 505 阅读

相关 nginx配置跨域

在nginx的server下面加上 server \{ listen 443 ssl; add\_header 'Access-Co

我不是女神ヾ/ 2021年11月27日 03:42/ 0 赞/ 382 阅读

相关 electron electron-vue解决跨域

在main/index.js中添加 webPreferences:{ webSecurity:false } ![在这里

淩亂°似流年/ 2021年07月24日 14:42/ 0 赞/ 529 阅读