新版 google 谷歌浏览器跨域问题

简介: 新版 google 谷歌浏览器跨域问题

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

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

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

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

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

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

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

后台 中的服务地址如果是 http://localhost:8081

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

后台中的服务地址如果是 http://127.0.0.1:8081

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

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

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

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

地址要一样,端口不同

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

需要修改如图配置

(注意,只要修改后台 都要使劲清理浏览器缓存

Chrome 91版本之后设置如下

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

快捷方式-》目标:

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

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

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

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

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

目录
相关文章
|
4月前
|
Linux iOS开发 MacOS
谷歌浏览器中的谷歌翻译失效了?如何解决谷歌翻译不响应问题?
本文分析了谷歌翻译在谷歌浏览器中失效的原因,并提供了针对Mac OS、Windows和Linux系统的解决方案,包括下载和执行特定软件以修复翻译服务不响应的问题。
368 0
谷歌浏览器中的谷歌翻译失效了?如何解决谷歌翻译不响应问题?
|
4月前
|
存储 缓存 前端开发
前端谷歌浏览器面版属性
【8月更文挑战第19天】前端谷歌浏览器面版属性
51 0
|
29天前
|
移动开发 JSON JavaScript
|
2月前
|
Web App开发 安全 中间件
谷歌、火狐、Edge等浏览器如何使用ActiveX控件
allWebPlugin 是一款为用户提供安全、可靠且便捷的浏览器插件服务的中间件产品,支持 Chrome、Firefox、Edge 和 360 等浏览器。其 V2.0.0.20 版本支持一个页面加载多个插件,并解决了插件与浏览器之间的焦点问题。用户可通过“信息化系统 + allWebPlugin + 插件 + 浏览器”的解决方案实现 ActiveX 插件的无缝集成。下载地址见文末,安装包含详细说明。
|
2月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
|
2月前
|
Web App开发 人工智能 前端开发
Google 浏览器中的 AI 魔法 — window.ai
本文介绍了如何在 Chrome Canary 中启用并使用设备端 AI 功能。通过下载 Chrome Canary 并启用相关 API,你可以在本地运行 AI 模型,无需互联网连接。文章详细讲解了设置步骤、确认 AI 可用性的方法以及如何使用 `window.ai` 进行文本会话。虽然目前的性能和功能还有待提升,但这一技术为未来的前端开发和智能应用提供了无限可能。
91 0
|
3月前
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
|
4月前
|
Web App开发
Chrome——谷歌浏览器chrome如何模拟其他客户端
Chrome——谷歌浏览器chrome如何模拟其他客户端
110 1
Chrome——谷歌浏览器chrome如何模拟其他客户端
|
4月前
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
|
4月前
|
Web App开发 JSON 安全
【跨域难题终结者】:一键解锁Chrome浏览器神秘设置,彻底告别开发阶段的跨域烦恼!
【8月更文挑战第20天】跨域是前端开发常遇难题,尤其在前后端分离项目中。浏览器因安全考量会阻止不同源间的请求。本文对比CORS、JSONP、代理服务器等解法,并介绍开发阶段通过调整Chrome设置来临时禁用跨域限制的方法,提供启动Chrome及使用`fetch`API示例,适合快速测试。但请注意这不适用于生产环境,存在一定安全风险。
1127 1