新版 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:ProgramFilesGoogleChromeApplicationchrome.exe"--disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure
(新版谷歌浏览器的默认配置变动了,导致跨域门槛提高了,本身前端和后台的端口不同也是跨域,如果IP不同需要修改浏览器配置了。以前的谷歌浏览器没这个问题,可能以后的版本还会更新变更回来,火狐等非google内核的浏览器没这个问题,
所以,只有两个条件同时满足时才需要修改这个浏览器配置
- 使用google内核浏览器
- 前端和后台部署在不同的服务器上
其它情况不需要修改这个配置
)
相关文章
- iOS 12.5.1 正式版发布,旧机型专用
- css中sticky属性是什么
- 系统中的大管家—SystemServer进程
- css响应式布局如何理解
- css渐进增强如何理解
- BLE中这些概念,你都了解吗
- css优雅降级是什么意思
- css margin:auto的填充规则
- css中outline方法的使用
- 小程序下的地图还能这么玩,你知道吗?
- css默认样式的整理
- css浏览器的渲染过程
- 如果几亿人改微信号,腾讯扛得住吗?
- css中固定定位fixed是什么
- css中hack是什么
- css中hack的3种表现形式
- 苹果推送iOS 13.6.2要不要升级?手机能用的话建议不升级
- 苹果 15 年大轮回:Mac 选择 ARM,正如当年乔布斯选择 Intel,但变数更多了
- 10个最新且有希望的UI设计趋势
- css中grid布局的使用