Chrome本地跨域 origin-null-is-not-allowed或者Blocked a frame with origin “null“ from accessing 解决方案（适用于前端）

最新推荐文章于 2023-11-10 15:29:53 发布
原创 最新推荐文章于 2023-11-10 15:29:53 发布 · 置顶 · 9.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
原创珍贵，转载请声明出处。

本地直接打开项目地址会报错，原因是浏览器不支持file协议跨域。报错信息如“Blocked a frame with origin “null” from accessing a cross - origin frame”等。解决办法是在本地搭建类似客户端运行的环境，可使用vscode中的Live Server，打开HTML页面即可运行。
部署运行你感兴趣的模型镜像

本地直接打开项目地址报错，地址栏里的地址：file:///C:/Users/Administrator/Desktop/HZ/register.html
对于file协议来说，浏览器是不支持跨域的，所以产生了这种问题。
报错：Blocked a frame with origin “null” from accessing a cross-origin frame
或者报错：
在这里插入图片描述
解决办法：本地要起一个类似客户端运行的环境，我用的是vscode中的Live Server
在这里插入图片描述

然后打开需要运行的html页面，点击如图所示的位置即可运行起来
在这里插入图片描述
在浏览器打开的地址一般是：http://127.0.0.1:5500/your-project-name.html

您可能感兴趣的与本文相关的镜像

GPT-oss:20b

GPT-oss:20b

图文对话
Gpt-oss

GPT OSS 是OpenAI 推出的重量级开放模型，面向强推理、智能体任务以及多样化开发场景

解决浏览器运行本地项目的跨域问题
Wu_yongtao的博客
04-26 4007
解决浏览器运行本地项目的跨域问题 报错信息 test01.html:1 Access to XMLHttpRequest at ‘http://localhost:9001/test01/str’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 报错原因 XMLHttpRequest 同源策略
前端报错`Cross-Origin Request Blocked`的CORS配置指南
最新发布
shejizuopin的博客
05-18 1650
在前端开发中，Cross-Origin Request Blocked错误是由于浏览器的同源策略阻止跨域请求所致。本文通过优快云技术社区的实战案例，总结了解决该错误的实用技巧。CORS（跨域资源共享）允许服务器声明哪些源可以访问其资源。常见错误包括缺少CORS头、预检请求失败和携带Cookie不生效。解决方案包括在服务器端设置正确的CORS头、处理OPTIONS请求、确保前后端配置正确，以及使用前端代理服务器。通过这些方法，开发者可以有效解决跨域问题，提升开发效率。
javaScript中打开一个新窗口报错Uncaught DOMException: Blocked a frame with origin “null“ from accessing a cross
一只苟延残喘的卑微蝼蚁
03-19 5664
javaScript中window.open()打开一个新窗口报错Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross
Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
热门推荐
farmwang的专栏
04-08 2万+
原因：跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的，地址栏是file:///的页面，只需改为localhost访问就行。...
blocked a frame with origin "null" from accessing a cross-origin frame
彩色天的博客
01-24 5743
跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的，地址栏是file:///的页面，放置到服务器中即可
#Chrome：访问iframe中的元素报错：single.html:13 Uncaught DOMException: Blocked a frame … @FDDLC
LiuXingchang的博客
05-19 353
问题描述： single.html:13 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. 相关代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&gt
精选资源
chrome跨域插件cros(Allow-Control-Allow-Origin).zip
03-25
chrome跨域插件CORS离线下载，解压后有两个压缩包，直接把B压缩包拖放到chrome插件管理页面即可。或者解压A压缩包得到一个crx文件和一个zip文件，把这两个中的任一个拖放到插件管理页面即可。
Access-Control-Allow-Origin跨域问题的终极解决，给自己做备份
10-16
1. JSONP(JSON with Padding)：这是一种老式的跨域解决方案，利用script标签不受同源策略限制的特性，通过动态创建script标签来实现跨域请求。但JSONP只支持GET请求，且无错误处理机制。 2. CORS(Cross-Origin ...
谷歌跨域插件Access-Control-Allow-Origin
02-15
标题中的“谷歌跨域插件Access-Control-Allow-Origin”指的是在谷歌浏览器上使用的扩展程序，用于解决Web开发过程中遇到的跨域问题。跨域是由于浏览器的同源策略（Same-origin policy）引起的，它限制了来自不同源的...
django 解决Access-Control-Allow-Origin跨域方案
cyz141001的博客
12-28 2680
3、MIDDLEWARE中间件中添加：corsheadrs.middleware.CorsMiddleware。1、安装跨域插件：pip install django-cors-headers。2、APPS中添加:corsheaders。
js bug: Origin 'null' is therefore not allowed access.
Edaire的专栏
11-12 1万+
先说一下问题的由来，在本地html页面ajax请求本地或者局域网server的资源时遇到的bug，先来段出问题的代码：<script type="text/javascript"> $.ajax({ type:"get", url:"http://192.168.199.59:9000/api/v1/questions/5825acefffa2f815acdb
Iframe跨域:Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin
不断努力的数据汪
11-22 6602
使用Iframe时出现了这个错误,网上找了半天,都只是说将file://这个改为localhost....然并卵 后来想到,会不会是本地服务器问题,就通过vscode下了一个live server, 然后右击,运行,搞定 如果不是用来测试的话,应该使用Nginx服务器进行解决...
ajax跨域访问请求头origin 为null,【跨域】SpringBoot跨域，拦截器中，第一次获取的请求头为NULL，发送两次请求的处理方式...
weixin_27268733的博客
08-06 4347
背景：在做前后端分离时，牵扯到跨域，但是已经设置了跨域前端设置了允许携带Cookieaxios.defaults.withCredentials = true;后端也配置了跨域浏览器端查看发送的请求，请求头中包含Authorization原因：实际上发送了两次请求，第一次为OPTIONS请求，第二次才GET/POST...请求在OPTIONS请求中，不会携带请求头的参数，所以在拦截器上获取请求头为...
jquery跨域报错：Origin null is not allowed by Access Control Allow Origin
daxiang的专栏
05-03 2848
本文转自：http://zhidao.baidu.com/link?url=SY552AMCoGVn1P6Y4xAA5jpcY7HhCbtF42ZX0EE2eRpfqumwMTnA2T4Rp2Cd7dh7jAyGZn_giR8w3sTxMeTKwK
php origin null,Origin null is not allowed by Access-Control-Allow-Origin 解决方法
weixin_34539480的博客
04-01 524
使用xmlhttprequest获取服务数据时，在IE下能通过而在 chrome不能通过的问题，这就是所谓的跨域问题，什么是跨域呢？比较不规范但是通俗的说说法吧，比如你使 用chrome打开一个本地的html页面，那么我认为现在你的机器就是一个站点，这个html就是运行在这个站点上，如果你要在这个html页面中通过 xmlhttprequest获取百度的页面源码信息，就有点跨域的意思，这和你直接在...
前端项目启动报错：from origin ‘null‘ has beenblocked by CORS policy: Cross origin requests are only supported
2201_75568521的博客
08-25 5432
把本地图片地址转成http//https 网址再用项目就可以启动不会报错啦。
Uncaught DOMException: Blocked a frame with origin “https://www.123.com“ from accessing a cross-orig
IMLiFeLong
11-10 3022
iframe 如果没有设置 src 属性，或者 src 属性的值和网站是同一个域名的，想定位 iframe 中的元素可以在浏览器中直接使用选择器进行获取。鼠标放在标签上按右键，选择复制，选择复制 selector。在 console 中执行document.querySelector(“body > label:nth-child(1)”).textContent 就能获取标签中的值。
解决Ajax跨域问题：XMLHttpRequest cannot load XXX Origin XX is not allowed by Access-Control-Allow-Origin.
CMEguagua的博客
03-11 617
Warning: :1 XMLHttpRequest cannot load https://XXX/report?reportToken=624. Origin http://XXX is not allowed by Access-Control-Allow-Origin. Warning: Javascript alert: 请求失败 一：使用jsonp格式，如jquery中ajax请求参数 dataType:'JSONP'。 二：<meta http-equiv="Access-C..
Blocked a frame with origin XXX from accessing a cross-origin 跨域问题解决方案
New_Yao的博客
02-17 6380
本文示例使用的 html vue ckeditor4 场景说明 项目是一个比较老的项目，需要使用ckeditor4来进行步骤填写，商议后使用jsp内iframe一个vue的html页面进行编写，但是在部署的环境下发生了iframe跨域问题，本文提供了一种解决思路。 解决方案 父级向iframe传值： 使用url取值方案，网上也有很多子集监听数值的方案，但是实际过程中往往第一次在子页面初始化时，是监听不到数据的，故采用url拼接传值方案，关键代码如下 //父级代码 <iframe id="aaa"
Blocked a frame with origin "null" from accessing a cross-origin frame.
07-29
这个错误提示意味着你的网页中的一个框架（frame）试图访问另一个源（origin）的框架，但由于跨域限制，浏览器阻止了这个访问。在浏览器中，为了保护用户安全，浏览器默认情况下不允许跨域访问。 要解决这个问题，...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值