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

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

新版本的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. 前端和后台部署在不同的服务器上

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

目录
相关文章
|
7月前
|
存储 监控 安全
360 企业安全浏览器基于阿里云数据库 SelectDB 版内核 Apache Doris 的数据架构升级实践
为了提供更好的日志数据服务,360 企业安全浏览器设计了统一运维管理平台,并引入 Apache Doris 替代了 Elasticsearch,实现日志检索与报表分析架构的统一,同时依赖 Doris 优异性能,聚合分析效率呈数量级提升、存储成本下降 60%....为日志数据的可视化和价值发挥提供了坚实的基础。
360 企业安全浏览器基于阿里云数据库 SelectDB 版内核 Apache Doris 的数据架构升级实践
|
7月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
339 0
|
7月前
|
Web App开发 小程序 前端开发
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
123 10
|
2月前
|
Web App开发 人工智能 前端开发
Google 浏览器中的 AI 魔法 — window.ai
本文介绍了如何在 Chrome Canary 中启用并使用设备端 AI 功能。通过下载 Chrome Canary 并启用相关 API,你可以在本地运行 AI 模型,无需互联网连接。文章详细讲解了设置步骤、确认 AI 可用性的方法以及如何使用 `window.ai` 进行文本会话。虽然目前的性能和功能还有待提升,但这一技术为未来的前端开发和智能应用提供了无限可能。
86 0
|
5月前
|
Web App开发 编解码
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器,国内的UC都是根据Webkit修改过来的内核,开发重点关注尺寸,常见移动端尺寸汇总,移动端,理想视口根据你设别的样式进行修改
软件开发常见流程之兼容性和手机屏页面设计,PC端和移动端常见浏览器,国内的UC都是根据Webkit修改过来的内核,开发重点关注尺寸,常见移动端尺寸汇总,移动端,理想视口根据你设别的样式进行修改
|
7月前
|
Web App开发
Google Chrome 浏览器 119.0.6045.106 版本提示 STATUS_INVALID_IMAGE_HASH 崩溃
Google Chrome 浏览器 119.0.6045.106 版本提示 STATUS_INVALID_IMAGE_HASH 崩溃
157 0
|
7月前
|
Web App开发 网络安全 Windows
Chrome版本太旧,无法访问此网站www.google.com 的响应时间过长
Chrome版本太旧,无法访问此网站www.google.com 的响应时间过长
223 1
|
7月前
|
Web App开发
禁用Google Chrome自动更新,怎么找到Update目录?
本文介绍一下如何找到Update目录。
209 0
|
7月前
|
Web App开发 JSON 前端开发
6款开发必备的Chrome谷歌浏览器扩展(部分火狐、edge浏览器商店也可以用)
6款开发必备的Chrome谷歌浏览器扩展(部分火狐、edge浏览器商店也可以用)
191 0
|
7月前
|
数据可视化 定位技术 Sentinel
如何用Google Earth Engine快速、大量下载遥感影像数据?
【2月更文挑战第9天】本文介绍在谷歌地球引擎(Google Earth Engine,GEE)中,批量下载指定时间范围、空间范围的遥感影像数据(包括Landsat、Sentinel等)的方法~
2597 1
如何用Google Earth Engine快速、大量下载遥感影像数据?