前端请求跨域，原来是谷歌浏览器的限制

有一个后台项目，来公司以来没有接触过这个项目，最近接到这个项目的需求，今天启动项目准备开发，登录的时候遇到跨域问题，使用谷歌打开，报了如下跨域问题：

Access to XMLHttpRequest at ‘http://yhjr-b-dev.yhjr-bd-bservice.devgw.yonghui.cn/login/getSmsCode’ from origin ‘http://0.0.0.0:8083’ has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space private.

先排查的前端，后跟后端和运维一起排查，最后发现是升级了谷歌浏览器，浏览器自带了一个Block insecure private network requests 防止不安全的上下文向更私有的IP地址发出子资源请求，所以更改一下这个设置就可以了，如下：

网址地面输入：chrome://flags/
在Search flags 里面搜索Block insecure private network requests
把default 修改为Disabled，下面会弹出提示：
点击relaunch,重启浏览器：

重启过后重新请求就可以了，完美搞定，如下：

前端请求跨域，原来是谷歌浏览器的限制相关推荐

前端解决跨域问题的8种方案（最新最全）
.同源策略如下: URL 说明是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下允许 http://www.a.com/lab/a.j ...
「跨域」利用node.js实践前端各种跨域方式（上）
前言常言道,"读万卷书,不如行万里路".技术的学习也是如此,唯有实践才能更清楚的明白原理和加深印象,因此本文会利用node.js对前端的各种跨域方式进行实践,强烈建议一步一步跟着 ...
前端常见跨域问题解决方案
前端常见跨域解决方案(全) 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的. 广义的跨域: 1.) 资源跳转: A链接.重定向.表单提交 2.) 资源嵌入: & ...
前端处理跨域的几种方式
什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的. 广义的跨域: 1.资源跳转:A链接.重定向.表单提交 2.资源嵌入: <link>.<scr ...
前端解决跨域问题的8种方案
2019独角兽企业重金招聘Python工程师标准>>> 1.同源策略如下: URL 说明是否允许通信 http://www.a.com/a.js http://www.a.com/ ...
SpringMVC中的异步请求-跨域访问
发送异步请求: <%@page pageEncoding="UTF-8" language="java" contentType="text/h ...
前端解决跨域的九种方法
什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的. 广义的跨域: 1.资源跳转:A链接.重定向.表单提交 2.资源嵌入: <link>.<scr ...
网络-HTTP请求跨域访问控制
本文根据MDN整理我不说什么是跨域,网上很多,但是要说一下,跨域访问控制这个概念,是浏览器的行为,不是服务器的行为(虽然不少工作都是后端的工程师去配置),产生跨域访问控制的原因有两个: 1.前端发出 ...
React项目中请求跨域解决方法
React项目中请求跨域解决方法今天经理给我了一个React项目地址,让我拉下来并跑起来,拉下来运行起来后,发现所有的请求都失败了,并且都是由于跨域问题导致的.花了点时间,解决了这个问题,在这里记录 ...

前端请求跨域，原来是谷歌浏览器的限制

前端请求跨域，原来是谷歌浏览器的限制相关推荐

最新文章

热门文章