Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >火狐 和 谷歌Google Chrome 内核浏览器 跨域问题

火狐 和 谷歌Google Chrome 内核浏览器 跨域问题

原创
作者头像
FHAdmin
发布于 2022-04-29 04:47:21
发布于 2022-04-29 04:47:21
9170
举报
文章被收录于专栏:FHADMINFHADMIN

新版本的firefox火狐浏览器限制了 127.0.0.1

本地部署测试的时候,用火狐浏览器需要把 前端的 config.js 中的服务地址改成 http://localhost:8081

浏览器访问的时候也用 http://localhost:8080

完事清理浏览器缓存,否则没生效

如果是服务器部署,把localhost改成实际服务器IP或者域名

===========================================================

google 浏览器,当前端和后台同一个电脑上时

config.js 中的服务地址如果是 http://localhost:8081

那么浏览器访问的时候也用 http://localhost:8080

config.js 中的服务地址如果是 http://127.0.0.1:8081

那么浏览器访问的时候也用 http://127.0.0.1:8080

如果是域名或者外网IP,同理

config.js 中的服务地址如果是 http://www.xxx.com:8081

那么浏览器访问的时候也用 http://www.xxx.com:8080

地址要一样,端口不同

google 浏览器,当前端和后台不在同一个电脑上时

需要修改如图配置

(注意,只要修改config.js 都要使劲清理浏览器缓存. java项目fhadmin.cn)

1. Chrome 91版本之前设置如下

2. Chrome 91版本之后设置如下

找到

 快捷启动图标,右键,属性,添加红色字样的一串代码(红字前面是一个空格,否则保存不了)

"C:\ProgramFiles\Google\Chrome\Application\chrome.exe"--disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure

新版谷歌浏览器的默认配置变动了,导致跨域门槛提高了,本身前端和后台的端口不同也是跨域,如果IP不同需要修改浏览器配置了。以前的谷歌浏览器没这个问题,可能以后的版本还会更新变更回来,火狐等非google内核的浏览器没这个问题,

所以,只有两个条件同时满足时才需要修改这个浏览器配置

  1. 使用google内核浏览器
  2. 前端和后台部署在不同的服务器上

其它情况不需要修改这个配置

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Linux环境部署Firefox火狐浏览器并实现远程使用本地浏览器
本次实践部署环境为本地Linux环境,使用Docker部署Firefox浏览器后,并结合cpolar内网穿透工具实现远程也可以访问局域网火狐浏览器。
E绵绵
2024/09/05
1330
Linux环境部署Firefox火狐浏览器并实现远程使用本地浏览器
webpack配置proxy反向代理,解决跨域问题
目的:为了解决前端和后端联调数据,出现的跨域问题,通过配置反向代理,可以更好的联调数据
青梅煮码
2023/01/14
2.8K0
webpack配置proxy反向代理,解决跨域问题
新版 google 谷歌浏览器跨域问题
本地部署测试的时候,用火狐浏览器需要把 前端的 后台中的服务地址改成 http://localhost:8081
FHAdmin
2021/11/24
4990
爬虫浏览器的Cloudflare五秒盾处理
近期业务有不少涉及到国外的网站,本以为经受了和国内大量卷王公司对抗的考验之后,处理国外业务应该是降维打击才对。结果本地测试的时候的确很OK,但是一上线就发现全面飘红,多个不同业务同时出了 Cloudflare 著名的五秒盾:
mythsman
2022/12/13
5.6K0
爬虫浏览器的Cloudflare五秒盾处理
跨域的五种最常见解决方案
跨域不是问题,是一种安全机制。浏览器有一种策略名为同源策略,同源策略规定了部分请求不能被浏览器所接受。
阿珍
2023/03/22
6660
axios实现跨域三种方法_cors跨域axios
跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。
全栈程序员站长
2022/10/01
14.8K0
axios实现跨域三种方法_cors跨域axios
谷歌浏览器获取本地json文件跨域问题及JSONP的应用
因为要读取本地json文件(test.json),分别使用了原生js方式和ajax方式(代码如下)。
celineWong7
2020/11/05
4.6K0
前端网站如何解决跨域问题?宝塔轻松搞定!
跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。
李昂君
2022/01/04
5.4K0
前端网站如何解决跨域问题?宝塔轻松搞定!
什么是跨域?如何解决跨域问题?
什么是跨域? 浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域 域名:  主域名不同 http://www.baidu.com/index.html –>http://www.sina.com/test.js  子域名不同 http://www.666.baidu.com/index.html –>http://www.555.baidu.com/test.js  域名和域名ip http://www.baidu.com/index.html –>http://180.149.132.47/test.js 端口:  http://www.baidu.com:8080/index.html–> http://www.baidu.com:8081/test.js 协议:  http://www.baidu.com:8080/index.html–> https://www.baidu.com:8080/test.js 备注:  1、端口和协议的不同,只能通过后台来解决  2、localhost和127.0.0.1虽然都指向本机,但也属于跨域
全栈程序员站长
2022/07/01
7420
什么是跨域?如何解决跨域问题?
Java:前后端分离——跨域分析
跨域是指跨域名:域名,记忆网络电脑ip很难记,就给它取了一个名字来记忆,这个名字就要域名。
用户10356819
2023/02/17
7800
如何取消Chrome浏览器跨域请求限制、跨域名携带Cookie限制、跨域名操作iframe限制?
取消跨域限制、跨域名携带Cookie限制、跨域名操作iframe限制之后的Chrome可以更加方便Web前端开发,同时也可以作为一个完美的爬虫框架。
房东的狗丶
2023/02/17
7.7K0
Google Chrome谷歌/火狐/Safari浏览器开发者工具基本使用教程
在阅读下面内容之前,那么些简单的了解浏览器开发者工具到底是什么东西,到底有什么用途。
yaohong
2019/09/11
2.5K0
Google Chrome谷歌/火狐/Safari浏览器开发者工具基本使用教程
SpringBoot与Vue交互解决跨域问题【亲测已解决】
最近在利用springboot+vue整合开发一个前后端分离的个人博客网站,所以这一篇总结一下在开发中遇到的一个问题,关于解决在使用vue和springboot在开发前后端分离的项目时,如何解决跨域问题。在这里分别分享两种方法,分别在前端vue中解决和在后台springboot中解决。
灰小猿
2021/12/17
2K0
SpringBoot与Vue交互解决跨域问题【亲测已解决】
No ‘Access-Control-Allow-Origin‘ header is present之 为什么会跨域及解决方案[通俗易懂]
当以上三个条件都满足时浏览器会抛出跨域请求异常(记住是浏览器抛出的异常,和服务端没太大关系),在讲跨域请求解决方案前先了解几个问题。
全栈程序员站长
2022/09/23
1.2K0
No ‘Access-Control-Allow-Origin‘ header is present之 为什么会跨域及解决方案[通俗易懂]
什么是跨域及怎么解决跨域问题?[通俗易懂]
这篇博文解释的挺清楚,我直接引用 什么是跨域?怎么解决跨域问题?_L瑜-CSDN博客_跨域是什么意思
全栈程序员站长
2022/08/11
12.9K0
什么是跨域及怎么解决跨域问题?[通俗易懂]
利用Citrix Receiver浏览器进行渗透
Citrix Receiver 是一种轻便的通用软件客户端,并带有类似浏览器的可扩展“插件”架构。Receiver 标 配 有 多 种 可 选 插 件 , 可 在 Citrix Delivery Center 产 品 系 列 ( 如 :XenApp 、 XenDesktop 、 Citrix Access Gateway 和 Branch Repeater)中与前端基础设施进行通信。这些插件支持的功能包括在 线和离线应用、虚拟桌面交付、安全访问控制、密码管理、应用加速、多媒体加速、 服务级监测以及语音 通信。
安全小王子
2020/07/31
1.9K0
利用Citrix Receiver浏览器进行渗透
Spring Boot:处理跨域问题
同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。
HLee
2021/07/03
2K0
Spring Boot:处理跨域问题
无界微应用访问Next.js项目跨域问题的解决方案
Next.js 是一个基于 React 的开发框架,它提供了很多强大的功能,如服务器端渲染、静态网站生成、API路由等。
德顺
2023/08/25
2.3K0
无界微应用访问Next.js项目跨域问题的解决方案
10 种CORS跨域解决方案
这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,最近为了线上问题深入了解底层,确实有点东西,下面汇总成10种方案。
sunsky
2022/09/09
6.6K0
10 种CORS跨域解决方案
如何解决跨域问题?
  如何解决跨域问题?首先我们需要知道什么是跨域,跨域指的是浏览器不能执行其它网站的脚本,它是由浏览器的同源策略造成的,是浏览器对JavaScript 施加的安全限制。
IT可乐
2018/09/28
5K0
如何解决跨域问题?
推荐阅读
相关推荐
Linux环境部署Firefox火狐浏览器并实现远程使用本地浏览器
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文