火狐 和 谷歌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. 前端和后台部署在不同的服务器上

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

目录
相关文章
|
1月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
38 0
|
3月前
|
Web App开发 JavaScript 前端开发
从零开始,轻松打造个人化Chrome浏览器插件
从零开始,轻松打造个人化Chrome浏览器插件
79 0
|
2天前
|
Web App开发 Linux Windows
实用的chrome浏览器命令
实用的chrome浏览器命令
6 0
|
6天前
|
Web App开发 缓存 搜索推荐
实用的Chrome浏览器命令
【5月更文挑战第6天】探索Chrome的隐藏命令行工具,提升浏览效率和解决问题。如`chrome://flags/`启用实验性功能,`chrome://net-internals/`进行网络诊断,`chrome://settings/content/`管理内容设置等。了解这些工具,可解决浏览器问题,优化隐私和性能,实现个性化设置。成为Chrome专家,让浏览体验更上一层楼。
86 0
|
14天前
|
机器学习/深度学习 数据采集 数据可视化
R语言Pearson相关性分析降雨量和“外卖”谷歌搜索热度google trend时间序列数据可视化
R语言Pearson相关性分析降雨量和“外卖”谷歌搜索热度google trend时间序列数据可视化
|
14天前
|
数据可视化 搜索推荐 数据挖掘
R语言Pearson相关性分析就业率和“性别平等”谷歌搜索热度google trend时间序列数据可视化
R语言Pearson相关性分析就业率和“性别平等”谷歌搜索热度google trend时间序列数据可视化
|
25天前
|
数据可视化 数据挖掘 数据建模
R语言指数平滑法holt-winters分析谷歌Google Analytics博客用户访问时间序列数据
R语言指数平滑法holt-winters分析谷歌Google Analytics博客用户访问时间序列数据
|
1月前
|
Web App开发 数据安全/隐私保护 Windows
【Windows】谷歌翻译停服后,chrome无法自动翻译?解决办法来了~ (最新)
【Windows】谷歌翻译停服后,chrome无法自动翻译?解决办法来了~ (最新)
91 0
|
1月前
|
Web App开发 定位技术 Windows
【Windows】 谷歌翻译停服后,chrome无法自动翻译?解决办法来了~
【Windows】 谷歌翻译停服后,chrome无法自动翻译?解决办法来了~
62 3
|
2月前
|
Web App开发 网络协议 测试技术
教你用Chrome 浏览器+Postman搞定接口测试
本文介绍了软件测试的两类主要类型:客户端测试(包括UI和兼容性测试)和服务端测试(主要为接口测试)。接口测试能直接检验服务端功能,尤其在复杂如阿里核心链路的系统中,它能更早发现潜在问题。分层测试模型显示,从单元测试到UI测试,越高层的测试发现bug的成本越高。尽管接口测试覆盖广泛,但不能替代客户端测试,因为UI测试关乎用户体验。文中推荐了Postman作为接口测试工具,并展示了如何使用Postman发送GET请求。此外,还介绍了cURL命令行工具及其在接口测试中的应用,包括模拟请求、修改参数和调试。通过实例,读者可以学习如何使用cURL进行GET、POST请求及设置认证和代理。
38 2