`
m15143285903
  • 浏览: 15949 次
文章分类
社区版块
存档分类
最新评论

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

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

0
0
分享到:
评论

相关推荐

    谷歌Google跨域脚本

    谷歌Google跨域脚本,本地可以直接跨域

    配置设备打印时,谷歌浏览器跨域配置

    总的来说,跨域问题在谷歌浏览器中可以通过调整参数或使用实验性功能来解决,但必须谨慎操作,因为这些方法通常是为了方便开发而临时开启,长期使用会降低浏览器的安全性。在实际工作中,更推荐通过服务器端设置CORS...

    浏览器跨域插件(本地开发)

    谷歌浏览器跨域插件,解决开发人员本地开发涉及跨域问题 谷歌浏览器跨域插件,解决开发人员本地开发涉及跨域问题 谷歌浏览器跨域插件,解决开发人员本地开发涉及跨域问题

    Allow-Control-Allow-Origin-2022-11-23 谷歌浏览器跨域组件

    标题提到的"Allow-Control-Allow-Origin-2022-11-23 谷歌浏览器跨域组件"显然是针对这一问题的一种解决方案。 同源策略是浏览器内置的安全机制,它防止了一个页面的JavaScript能够读取或操作其他域名下的资源。然而...

    cross-request 3.1 YApi 跨域请求 谷歌浏览器

    cross-request 3.1 YApi 跨域请求 谷歌浏览器

    视频继续播放-谷歌浏览器插件

    【视频继续播放-谷歌浏览器插件】是一款专为解决特定视频网站播放中断问题而设计的扩展程序,旨在帮助用户在浏览过程中保持视频的连续播放。这个插件是针对JavaScript编程语言进行开发的,目的是为了教育和学习目的...

    谷歌跨域浏览器(老版本,亲测可跨域)

    亲测可跨域

    跨域cors扩展插件chrome

    标题中的“跨域cors扩展插件chrome”指的是用于解决Web应用程序跨域问题的Chrome浏览器扩展。在Web开发中,由于浏览器的同源策略限制,不同源的资源(比如域名、协议或端口不同)之间无法直接进行交互。CORS(Cross-...

    chrome跨域插件-cross-request 3.0.zip

    使用YApi,在线调取接口时,需要在谷歌浏览器安装插件。解压之后,将cross-request.crx文件拖到谷歌浏览器的扩展程序页面,确认即可。

    Chrome跨域插件及chrome插件安装助手

    本意在于分享资源,希望大家可以节省时间(解决问题时在不心要的节点上花费的时间),资料分数无法设定为0。没有分的可以从这里下载 https://pan.baidu.com/s/1aO02YuxIhMRGiJoo5A3JoQ

    谷歌跨域插件Access-Control-Allow-Origin

    标题中的“谷歌跨域插件Access-Control-Allow-Origin”指的是在谷歌浏览器上使用的扩展程序,用于解决Web开发过程中遇到的跨域问题。跨域是由于浏览器的同源策略(Same-origin policy)引起的,它限制了来自不同源的...

    pdf.js,内含跨域解决办法

    关于跨域问题,这通常是由于浏览器的安全策略限制,即同源策略(Same-Origin Policy)导致的。当尝试从一个域名下加载另一个域名的资源时,如果没有正确的 CORS(Cross-Origin Resource Sharing)设置,浏览器会阻止...

    uniapp H5浏览器跨域解决插件

    chrome插件【Allow CORS: Access-Control-Allow-Origin】

    Allow-Control-Allow-Origin 谷歌跨域扩展插件解决app本地跨域调试附教程

    配合谷歌浏览器的开发者工具,这个插件能更有效地辅助跨域调试。开发者可以在Network面板中查看每个请求的状态,包括是否因跨域问题被阻止。通过调整插件设置,可以实时验证跨域策略的效果,无需每次修改代码后都...

    iframe跨域与session失效问题的解决办法

    通过这种方式,可以解决在IE浏览器中由于P3P隐私设置导致的iframe跨域cookie丢失问题,进而解决session失效导致的用户频繁重新登录的问题。这个方法在技术上是可行的,但需要网站管理员操作,确保P3P声明符合实际的...

    谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip

    在IT领域,尤其是在Web开发中,谷歌浏览器(Google Chrome)因其强大的性能和广泛的支持而备受开发者喜爱。这个压缩包文件“谷歌浏览器的一个新特点——关于获取iframe的parent对象Demo.zip”显然聚焦于一个特定的...

    谷歌浏览器加载本地xml和xls报告同源错误的问题

    标题中的“谷歌浏览器加载本地xml和xls报告同源错误的问题”涉及到的是Web浏览器的安全策略——同源策略(Same-Origin Policy)以及XML和XLS文件在浏览器中的处理方式。同源策略是Web浏览器的一种安全机制,它限制了...

    谷歌跨域插件

    描述部分提到了“谷歌浏览器输入chrome://extensions/”,这是打开Chrome浏览器扩展程序管理页面的地址。在这个页面上,开发者可以查看已安装的扩展、启用或禁用它们,以及进行其他管理操作。关键点是“开发者模式”...

    C#通过Cef嵌入Chrome浏览器访问本地网页及跨域资源

    博文使用说明地址:图文教程https://blog.csdn.net/zhichaosong/article/details/85262452 使用方法:①直接打开cef.exe...②可以把 www 文件夹下面的 index.html 换成自己的网页就能访问本地网页以及访问跨域资源了;

Global site tag (gtag.js) - Google Analytics