新版本Chrome同源策略、跨域问题处理No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

简介: 新版本Chrome同源策略、跨域问题处理No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

正文:

a 地址下访问 b 地址,即使 ip 相同,端口不一样也不行,涉及跨域问题,也属于 chrome 的同源策略。

报错截图:

68de3d327aa549e99c2988134d133c31.png

报错详细信息:

Access to XMLHttpRequest at 'http://127.0.0.1:15004/get_data' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Chart.vue?36ee:658 Error: Network Error
    at createError (createError.js?2d83:16:1)
    at XMLHttpRequest.handleError (xhr.js?b50d:117:1)
xhr.js?b50d:210          GET http://127.0.0.1:15004/get_data net::ERR_FAILED 200

解决方法1【服务端处理】:

服务端的响应头里加个 Access-Control-Allow-Origin:* 参数即可,其中 * 代表接受任何来源的请求,也可以指定某个来源进行访问。


解决方法2【浏览器端处理】:

新建一个快捷方式,右键属性的目标里加入如下参数 --disable-web-security --user-data-dir="D:\work\new_chrome"

注意参数的前面有个空格。

后面的参数是指定一个配置信息存储路径,相当于新开一个浏览器。如果不指定存储路径,先关闭已经打开的浏览器,再用快捷方式打开应该也行。

4769362f547945f4a8321d371e7ac719.png

再次打开浏览器后上面会有个安全提示。

再次涉及跨域的话就不会报错了。

06065afdefc9482b9f0f8117d1c198b2.png

目前测试的版本是 100.0.4896.60。

e46fa40841024f54931a8fe5736b62b4.png

目录
相关文章
|
7月前
|
Web App开发
谷歌关闭跨域限制.(生成一个开发浏览器),Chrome关闭跨域
谷歌关闭跨域限制.(生成一个开发浏览器),Chrome关闭跨域
420 0
|
Web App开发 前端开发 Java
解决新版chrome跨域问题:cookie丢失以及samesite属性问题
解决新版chrome跨域问题:cookie丢失以及samesite属性问题
1160 0
解决新版chrome跨域问题:cookie丢失以及samesite属性问题
|
Web App开发 安全 UED
Chrome浏览器版本升级带来的跨域访问问题
本文主要讲Chrome浏览器版本升级带来的跨域访问问题
1040 0
|
Web App开发 缓存 前端开发
火狐 和 谷歌Google Chrome 内核浏览器 跨域问题
火狐 和 谷歌Google Chrome 内核浏览器 跨域问题
243 0
|
Web App开发
chrome跨域设置
chrome跨域访问接口 点击桌面chrome的快捷方式,右键->属性->目标 C:\Users\Administrator\AppData\Local\Google\Chrome\Application\chrome.
1607 0
|
Web App开发 JavaScript
Chrome跨域设置
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/catoop/article/details/55101752 什么是跨域? 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。
1039 0
|
Web App开发
chrome 跨域设置
右击chrome快捷方式,在启动指令后面添加--disable-web-security,然后保存。如下: "C:\Program Files (x86)\Google\Chrome\Application\chrome.
975 0
|
Web App开发 前端开发
chrome,opera..通过file协议浏览html代码时,发送的ajax请求本地文件,会报跨域错误
XMLHttpRequest cannot loadfile:///E:/webs/extJS/ext-3.3.0/examples/csdn/combobox.txt?_dc=1414738973999.
1512 0
|
24天前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
34 0