首页 > 其他分享 >electron27版本,使用loadURL页面,出现CORS policy错误解决方案。

electron27版本,使用loadURL页面,出现CORS policy错误解决方案。

时间:2024-05-28 17:33:23浏览次数:13  
标签:loadURL chrome electron27 CORS private 解决方案 policy

Access to XMLHttpRequest at 'http://localhost:8008/paths...' from origin 'http://www.exmaple.com' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.

github issue中给出的解决方案,这里我是使用以下代码解决的这个问题。

# 这里的代码要放在ready之前执行。也就是尽早执行这段代码。
app.commandLine.appendSwitch('disable-features', 'BlockInsecurePrivateNetworkRequests,PrivateNetworkAccessSendPreflights');

如果是chrome浏览器的话,需要禁用flag,链接:chrome://flags/#block-insecure-private-network-requests

默认值是default,改为Disabled并重启浏览器。

标签:loadURL,chrome,electron27,CORS,private,解决方案,policy
From: https://www.cnblogs.com/XingXiaoMeng/p/18218502

相关文章

  • Spring Boot —— Cors 跨域
    原理实现WebMvcConfigurer接口代码publicclassCorsConfigimplementsWebMvcConfigurer{@OverridepublicvoidaddCorsMappings(CorsRegistryregistry){registry//允许跨域访问的路径.addMapping("/**")......
  • Nginx 支持 CORS
    Nginx支持CORS先说下最终增加的配置:add_headerAccess-Control-Allow-Originhttps://a.domain.comalways;add_headerAccess-Control-Allow-Headers'content-type,authorization';add_headerAccess-Control-Max-Age3600;if($request_method='OPTIONS'......
  • Canvas errors & CORS All In One
    Canvaserrors&CORSAllInOneUncaught(inpromise)DOMException:Failedtoexecute'toDataURL'on'HTMLCanvasElement':Taintedcanvasesmaynotbeexported.solution<imgcrossorigin="anonymous"data-src="&q......
  • 前端调用DRI后端API出现跨域资源共享(CORS)问题解决办法
    目录1.引言2.跨源资源共享和实现方法3.在Django项目中配置django-cors-headers库Reference1.引言在进行后端API开发时,有时会遇到“跨域资源共享(CORS)请求...被阻止“的错误,如图1所示。本文讲解如何在使用DRF(DjangoRESTFramework)的后端API开发项目中解决这个问题。Ac......
  • Chrome跨域问题:查看图片报错has been blocked by CORS policy: The request client is
    Chrome跨域问题:hasbeenblockedbyCORSpolicy:Therequestclientisnotasecurecontextandtheresourceisinmore-privateaddressspaceprivate已被CORS策略阻止:请求客户端不是安全上下文,资源位于更私有的地址空间私有问题原因:公网资源(访问者)访问私网资源......
  • 跨域请求资源-jsonp和cors区别
    JSONP和CORS的区别JSONP的原理:动态创建script标签;JSONP发送的不是Ajax请求不支持Post请求;CORS中文意思是跨域资源共享,需要服务器端进行CORS配置;CORS发送的是真正的Ajax请求CORS支持Ajax的跨域如果要启用CORS跨域资源共享,关键......
  • Firefox火狐浏览器控制台,提示:已拦截跨源请求:同源策略禁止读取位于 http://127.0.0.1
    前言全局说明Firefox火狐浏览器控制台,提示:已拦截跨源请求一、火狐官方说明https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin?utm_source=devtools&utm_medium=firefox-cors-errors&utm_campaign=default二、修改浏览器方法[原文......
  • 跨域资源共享 CORS
    跨域资源共享CORS 概述如果需要在前端与不同域的后端进行通信,可以在后端配置CORS,允许指定的域名访问后端资源。开始通过配置合适的响应头,可以明确指定允许的来源域、请求方法和头部信息。Node.jsapp.all('*',function(req,res,next){res.header("Access-Control......
  • socket.io 跨域 cors.origin 的值,用于解决跨域问题
    在使用socket.io库时,对于实现跨域资源共享(CORS:Cross-OriginResourceSharing)的配置,您需要设置服务器的CORS选项来允许特定来源的请求或所有来源的请求。当创建或配置socket.io服务器时,CORS相关的设置通常是在初始化服务器时作为选项提供的。下面是几种不同的socke......
  • 解决CORS错误(Spring Boot)
    前言跨域(Cross-Origin)是指在Web开发中,当一个Web应用试图从一个源(域名、协议、端口组合)获取资源时,该请求的目标与当前页面的源不同。具体来说,当一个页面的JavaScript代码尝试向不同域名、协议或端口的服务器发送请求时,就会发生跨域请求。跨域请求是由浏览器实施的同源策略(Same-Ori......