首页 > 其他分享 >Access to XMLHttpRequest at 'file:///xxx/%C3%A7%C2%9C' from origin 'null' has be

Access to XMLHttpRequest at 'file:///xxx/%C3%A7%C2%9C' from origin 'null' has be

时间:2023-05-05 11:24:14浏览次数:41  
标签:origin schemes XMLHttpRequest C3% only file null

Access to XMLHttpRequest at 'file:///xxx/%C3%A7%C2%9C' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.

浏览器不允许跨源请求,除非服务器允许此请求。

在您提供的错误信息中,您正在尝试从本地文件系统(file://)加载资源,但您的浏览器试图向不同的来源(null)发出跨域请求。这是因为您的页面在本地文件系统上运行,而不是从 Web 服务器上提供。因此,浏览器会阻止此请求,以避免可能的安全漏洞。

要解决此问题,您可以将文件部署到 Web 服务器上,并使用 HTTP 或 HTTPS 协议加载文件。如果您正在进行开发和测试,并且必须从本地文件系统中加载资源,请使用以下方法解决问题:

标签:origin,schemes,XMLHttpRequest,C3%,only,file,null
From: https://www.cnblogs.com/xxdmua/p/17373585.html

相关文章

  • 跨域问题(CORS / Access-Control-Allow-Origin)
    1、前言   最近在项目中,调用EurekaREST接口时,出现了CORS跨越问题(Cross-originresourcesharing),在此与大家进行分享,避免多走些弯路。   项目前端(http://localhost:9000)通过Ajax方式调用EurekaREST接口(http://localhost:8761/eureka/apps)时,却没有任何反应,则通过F12查......
  • XMLHttpRequest发请求的步骤
    /*具体来说,AJAX包括以下几个步骤。以下是AJAX发请求的步骤1.创建XMLHttpRequest实例2.发出HTTP请求3.接收服务器传回的数据4.更新网页数据*///实例化一个对象xhrvarxhr=newXMLHttpRequest(),method="GET",url="https://www.baidu......
  • 【解决】axios 下载文件 Failed to read the 'responseText' property from 'XMLHttp
    主要解决以下两个问题问题一:idm一些网站不允许请求同一文件两次故障原因:IDM在发神经因为它检测到浏览器集成插件未安装,所以诱导你安装。实际上,装了插件问题也会出现。改参数都没用。1.很可能是你点击网页的下载链接有问题(换个网页下载试试,就不提示了),Edge浏览器一直会欺......
  • 【TypeScript】document.body.style TS 报错 Cannot assign to 'style' because it is
    报错信息解决方法style对象提供了一个cssText属性,支持设置多种CSS样式:document.body.style.cssText=`width:${targetX}px;height:${targetY}px;transform:scale(${scaleRatio})translateX(-50%);left:50%`;还有其他方法也可以,参考下面的文章参考文章七爪源码:使用......
  • @JvmDefault is only supported since JVM target 1.8. Recompile with '-jvm-target
    问题Logcat提示’@JvmDefault’isonlysupportedsinceJVMtarget1.8.Recompilewith'-jvm-target1.8’解决在gradle中插入以下代码android{//..其他代码...kotlinOptions{jvmTarget="1.8"}}问题Logcat提示:Usageof‘@JvmDefault......
  • grafana面板上出现“Only queries that return single…”异常
    问题现象:数据读取不上,如下图问题根因:启动停止了很多次postgresexport并且这个数据库环境进行恢复快照过,导致Prometheusserver中存在相同实例不同的数据,进而导致通过语法无法确定唯一的数据出现报错。解决方案:通过Prometheus的api对实例的数据进行清空,让export重新获取新的数......
  • 科研图表软件Origin 2022下载和安装教程
    Origin是一个具有电子数据表前端的图形化用户界面软件。与常用的电子制表软件不同,如Excel。Origin的工作表是以列为对象的,每一列具有相应的属性,例如名称,数量单位,以及其他用户自定义标识。Origin以列计算式取代数据单元计算式进行计算。Origin可使用自身的脚本语言去控制软件,该语言......
  • Django笔记十二之defer、only指定返回字段
    本文首发于公众号:Hunter后端原文链接:Django笔记十二之defer、only指定返回字段本篇笔记将介绍查询中的defer和only两个函数的用法,笔记目录如下:deferonly1、deferdefer的英语单词的意思是延迟、推迟,我们可以通过将字段作为参数传入,可以达到在获取数据的时候指定不获......
  • 如何评价 ChatGPT 回答策略的 ensure only ethical usage 特质
    有人批评ChatGPT的回答策略是ensureonlyethicalusage,如何理解这句话?这句话的意思是,ChatGPT被批评的回答策略只是确保其在伦理上的使用,即遵循道德和法律规范。这意味着ChatGPT的开发者们试图避免ChatGPT被用于违反伦理或法律规定的行为,例如欺诈、虚假宣传、人身攻击、歧视等......
  • drf之多表关联反序列化保存read_only与write_only
    目录read_only与write_only示例假如前端传入了一组数据:{name:'赛尔达传说:王国之泪',price:350,publish:1,authors:[1,2]}如上:publish按id传入,authors也按id传入。read_only与write_onlyread_only用于序列化write_only用于反序列化这两个是字段参数示例#......