火狐浏览器同源策略禁止解决方案

最新推荐文章于 2025-03-31 17:30:35 发布
最新推荐文章于 2025-03-31 17:30:35 发布
阅读量1.9k 收藏 11
点赞数 4
文章标签： firefox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/better1166/article/details/142335732
版权

Firefox火狐浏览器控制台,提示:已拦截跨源请求：同源策略禁止读取位于 http://127.0.0.1:5000/test.zip 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。状态码：200。

前言全局说明

Firefox火狐浏览器控制台,提示:已拦截跨源请求

一、火狐官方说明

原因：CORS header 'Access-Control-Allow-Origin' missing - HTTP | MDN

二、修改浏览器方法

[原文] 火狐浏览器报错：已拦截跨源请求:同源策略禁止读取位于…的远程资源(CORS 请求不是 http) | 码农家园

报错内容：

image

解决方法：
第一步：地址栏输入：about:config 回车，点击”接受风险并继续”后进入页面

image

第二步：搜索：security.fileuri.strict_origin_policy 并设置该项为 false
 

image


改为false后如下图：
 

image


最后，重启浏览器，就不会再报跨源错误了。

三、 JavaScript 增加 CORS(跨源请求头)

[原文] Flask-----flask-socketIO - 河图s - 博客园

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" crossorigin="anonymous"></script>
 

需要重启浏览器
 

 

四、HTML页面加入
 

 

<meta http-equiv="Access-Control-Allow-Origin" content="*">
 

需要重启浏览器

                

        

    

  



    

      

        

            

              
                
                  Better1166
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
【SSL证书更换】：已拦截跨源请求：同源策略禁止读取位于 https://xxxxxx.top....net::ERR_CERT_DATE_INVALID Promise.then

				
			

			

				

					励志成为会前后端、运维、云服务、嵌入式开发、AI和自动化技术的创业小老板！
				

				

					01-02
					
					1122
					
				

			

		

		

			
				
1.问题出现：出现了CORS请求不能成功的问题，原因是因为 SSL 证书过期了。2.在更换 前端 SSL 证书之后，问题并不能得到解决。3.解决办法：必须同时更换后端的 SSL - tomcat 版本的证书。

			
		

	



                

            
              



	

		

			

				
					
已拦截跨源请求：（原因：不允许有多个 ‘Access-Control-Allow-Origin’ CORS 头）。

				
			

			

				

					做棵大树
				

				

					12-28
					
					3882
					
				

			

		

		

			
				
原文地址：做棵大树

问题描述：
已拦截跨源请求：同源策略禁止读取位于 http://localhost:9015/standard-service/standard/add 的远程资源。（原因：不允许有多个 'Access-Control-Allow-Origin' CORS 头）。

直接请求出现时上述问题，不允许多个 'Access-Control-Allow-Origin' CORS 头 出现，当时的跨域配置包含多处。
背景
解决方案项目后端使用了多个服务模块，对外通过 gateway 网关进行暴露

			
		

	



              


  
              

                


	

		

			

				
					
火狐已拦截跨源请求：同源策略禁止读取位于 ，CORS跨域

				
			

			

				

					
				

				

					03-02
					
					7160
					
				

			

		

		

			
				
浏览器是网页的渲染着和执行者，为了安全，浏览器默认是不允许跨源请求的，即CORS跨域（跨域资源共享，Cross-Origin Resource Sharing）的，也就是说默认不允许从来自于A服务器上的页面中访问B服务器上的资源。

			
		

	





	

		

			

				
					
.NET MVC前后端分离跨域问题

				
			

			

				

					我们的征途是星辰大海
				

				

					11-10
					
					1242
					
				

			

		

		

			
				
问题：已拦截跨源请求：同源策略禁止读取远程资源。（原因：CORS 请求未能成功）。

在网页与接口不处于同一个服务器的前提下（前端代码放在A服务器，接口牌B服务器），ajax请求接口的时候，浏览器会为了安全问题，在接口返回数据的时候，对响应头进行检验。如果响应头中没有Access-Control-Allow-Origin:*和Access-Control-Allow-Headers:Origin,...

			
		

	



		

			
		



	

		

			

				
					
Firefox账号同步书签不一致（火狐浏览器书签同步不一致）

					
最新发布

				
			

			

				

					从云原生运维转网络安全。
				

				

					03-31
					
					1365
					
				

			

		

		

			
				
因工作需要需要在各个工作环境中准备跳板机，方便访问内网。火狐浏览器中保存了一些内网访问的书签地址。但在不通电脑上的火狐浏览器使用同一个火狐账号登录，多次同步数据后，书签数据仍然不同步。需要解决。

			
		

	





	

		

			

				
					
禁用浏览器同源策略的方法

				
			

			

				

					点点滴滴
				

				

					06-03
					
					8754
					
				

			

		

		

			
				
1、引言
前端和后台联调的时候总会涉及到跨域，平时我们跨域主要的方法是通过CORS进行跨域，但是通过CORS进行跨域有的时候会涉及到数据安全的问题，这时候我们可以通过禁用本地浏览器的同源策略来进行跨域的联调。
2、禁用方法
2.1 IE浏览器
IE的禁用同源策略设置，进入IE的Internet选项设置，然后选择安全性，再选择自定义等级，然后下拉，找到「存取跨网络的资料来源」，选择启用即可。

2....

			
		

	





	

		

			

				
					
同源策略 

				
			

			

				

					aaron_cs的专栏
				

				

					01-24
					
					2024
					
				

			

		

		

			
				
概念:同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。   这里的同源指的是：同协议，同域名和同端口。精髓：   它的精髓很简单：它认为自任何站点装载的信赖内容是不安全的。当被浏览器半信半疑的脚本运行在沙箱时，它们应该只被允许访问来自同一站点的资源，而不是那些来

			
		

	





	

		

			

				
					
chrome80默认SameSite导致iframe无法获取cookie问题解决方法

				
			

			

				

					weixin_43827743的博客
				

				

					03-04
					
					4098
					
				

			

		

		

			
				
项目背景及问题定位

项目背景


A网站(假设为http://SameSite.a.com)作为iframe内嵌在B网站(假设为http://test.a.com)。在B网站中加载A网站的时候，自动登录失效，导致接口一直重调。

问题定位


初步分析，A网站为第三方页面，将A网站直接在外部打开可以单独访问，排除A网站的问题
更换浏览器，在火狐和Edge中，A网站可正常在iframe中加载。初步定位为浏览器兼容问题
对比不能正常加载和正常加载的chrome浏览器版本，都更新到最新的89版本。发现状态没变.

			
		

	





	

		

			

				
					
前端面试题

				
			

			

				

					IT_Jiangxiaobai的博客
				

				

					05-19
					
					5472
					
				

			

		

		

			
				
01-HTML~02-CSS
1.每个HTML文件里面都有一个很重要的东西，Doctype，知道这是干什么的么？

要点一 : 该标签告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面
要点二 : 声明对大小写不敏感

2.常用浏览器有哪些，内核都是什么？
答： 常用浏览器有chrome、safari、 IE、火狐(firefox) 、 Opera 、360、搜狗等




浏览器
内核
备注




IE
Trident
IE、猎豹安全、360极速浏览器、百度浏览器


firefo

			
		

	





	

		

			

				
					
Unity WebGL 播放视频流m3u8

				
			

			

				

					菜菜ANY的博客
				

				

					10-27
					
					6784
					
				

			

		

		

			
				
主要使用AVProVideo插件
主流的视频插件有AVProVideo和UMP,经个人测试WebGL不支持RTMP和RTSP,只能使用m3u8。
UMP不支持webgl平台播放以上三种视频流，只有AVProVIdeo支持在webgl平台播放m3u8视频流。

			
		

	





	

		

			

				
					
Nginx详细讲解

				
			

			

				

					gbaos的博客
				

				

					10-06
					
					589
					
				

			

		

		

			
				
一. Nginx介绍.

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件其特点是占有内存少，并发能力强。

官网地址:
https://nginx.org/en/download.html


当一台tomcat无法承受客户端的压力时,对tomcat服务器搭建集群.
 Nginx让客户端通过一个统一的请求地址,去访问到tomcat服务器的集群.
 当发送大量请求时,Nginx可以合理的将全部的请求分发到tomcat服务器集群.
 Nginx中间件可以承受较大的并发量.


二. docke

			
		

	





	

		

			

				
					
Firebug: 已拦截跨源请求：同源策略禁止读取位于XXX的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-

					
热门推荐

				
			

			

				

					xlxxcc的专栏
				

				

					01-18
					
					10万+
					
				

			

		

		

			
				
第一种，就是在被请求的程序中添加HTTP头，即CORS跨域（跨域资源共享，Cross-Origin Resource Sharing）如： Response.Headers.Add("Access-Control-Allow-Origin", "*");
// JSON
{
  'Access-Control-Allow-Origin': '*', 
}
// HTML
<meta http-equ

			
		

	





	

		

			

				
					
火狐浏览器报错：已拦截跨源请求:同源策略禁止读取位于...的远程资源(CORS 请求不是 http)

				
			

			

				

					shiGXW的博客
				

				

					01-23
					
					1万+
					
				

			

		

		

			
				
访问本地的json文件时出错，已拦截跨源请求:同源策略禁止读取位于 file:///I:/IDEA_VueStudy/demo/data.json
解决方法：
第一步：地址栏输入：about:config，回车，点击”接受风险并继续”后进入页面
第二步：搜索：security.fileuri.strict_origin_policy,并设置该项为false
最后，重启浏览器，就不会再报跨源错误了。


...

			
		

	





	

		

			

				
					
浏览器报“已拦截跨源请求：同源策略禁止读取位于XXX的远程资源（CORS 请求不是 http）”

				
			

			

				

					df1445的博客
				

				

					03-07
					
					1万+
					
				

			

		

		

			
				
火狐浏览器设置步骤:
1.进入火狐配置页进行设置 ,地址栏输入"about:config"
2.点击”我了解此风险”后进入页面
3.搜索”security.fileuri.strict_origin_policy”,并设置该项为false
4.重启浏览器，可以跨域访问
谷歌浏览器:
不支持,别浪费力气了
————————————————
版权声明：本文为CSDN博主「老裆益壮☭」的原创文章，遵循 ...

			
		

	





	

		

			

				
					
火狐浏览器报错：已拦截跨源请求

				
			

			

				

					qq_38781075的博客
				

				

					02-09
					
					1867
					
				

			

		

		

			
				
参考

火狐浏览器报错：已拦截跨源请求:同源策略禁止读取位于...的远程资源(CORS 请求不是 http)_咕噜君的博客-CSDN博客_已拦截跨源请求:同源策略禁止读取位于

如果还是不行的话，建议点击一下报错提示的那个url，我这里是证书不信任，点击接受风险并继续就能正常用了
...

			
		

	





	

		

			

				
					
浏览器为何禁止跨域（同源策略）

				
			

			

				

					weixin_30825581的博客
				

				

					02-14
					
					188
					
				

			

		

		

			
				
JavaScript为何要限制跨域访问
浅谈CSRF攻击方式
在知乎上看到了这个图片，感觉画的很好。

转载于:https://www.cnblogs.com/Tpf386/p/6398681.html

			
		

	





	

		

			

				
					
解决浏览器出现的【已拦截跨源请求：同源策略禁止读取】问题

				
			

			

				

					知而有涯，学而无涯
				

				

					02-06
					
					6万+
					
				

			

		

		

			
				
问题产生：已拦截跨源请求：同源策略禁止读取


  在网页与接口不处于同一个服务器的前提下（前端代码放在A服务器，接口牌B服务器），ajax请求接口的时候，浏览器会为了安全问题，在接口返回数据的时候，对响应头进行检验。如果响应头中没有Access-Control-Allow-Origin:*和Access-Control-Allow-Headers:Origin, X-Requested-With

			
		

	





	

		

			

				
					
如何在Nuxt 3.0 和 Vue 3.0 中实现详细的服务器端渲染(SSR)步骤是什么？

				
			

			

				

					12-08
				

			

		

		

			
				
在Nuxt 3.0和Vue 3.0中实现服务器端渲染（SSR）可以提高应用的性能和SEO效果。以下是详细的步骤：

### 1. 创建Nuxt 3.0项目
首先，确保你已经安装了Node.js和npm。然后使用以下命令创建一个新的Nuxt 3.0项目：

```bash
npx nuxi init my-nuxt3-app
cd my-nuxt3-app
npm install
```

### 2. 配置Nuxt 3.0
在项目根目录下找到`nuxt.config.js`文件，并进行必要的配置。Nuxt 3.0默认启用了SSR，但你可以通过以下配置进行自定义：

```javascript
export default {
  ssr: true, // 启用SSR
  build: {
    // 编译配置
  },
  // 其他配置项
}
```

### 3. 创建页面组件
在`pages`目录下创建你的页面组件。例如，创建一个`index.vue`文件：

```vue
<template>
  <div>
    <h1>{{ title }}</h1>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const title = ref('Hello, Nuxt 3.0 and Vue 3.0!')
</script>

<style scoped>
h1 {
  color: #42b983;
}
</style>
```

### 4. 运行开发服务器
使用以下命令启动开发服务器：

```bash
npm run dev
```

访问`http://localhost:3000`，你应该能看到页面显示“Hello, Nuxt 3.0 and Vue 3.0!”。

### 5. 构建和部署
在生产环境中，你需要构建项目并启动服务器。使用以下命令构建项目：

```bash
npm run build
```

构建完成后，使用以下命令启动生产服务器：

```bash
npm run start
```

### 6. 处理数据获取
在Nuxt 3.0中，你可以使用`useAsyncData`或`useFetch`来在服务器端获取数据。例如，修改`index.vue`：

```vue
<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ data }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import { useAsyncData } from 'nuxt/app'

const title = ref('Hello, Nuxt 3.0 and Vue 3.0!')

const { data } = await useAsyncData('fetchData', () => {
  return fetch('https://api.example.com/data').then(res => res.json())
})
</script>

<style scoped>
h1 {
  color: #42b983;
}
</style>
```

### 7. 优化和调试
在开发和生产环境中，你可能需要进行一些优化和调试。可以使用Nuxt提供的插件和模块来增强功能，例如PWA、Axios等。

### 8. 部署
根据你的需求，将构建后的文件部署到服务器或云平台。常见的选择包括Netlify、Vercel、AWS等。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值