已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 ‘Access-Control-A

报错：
Access to fetch at ‘https://www.baidu.com/’ from origin ‘http://www.baidu.com’ has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header contains multiple values ‘*, *’, but only one is allowed. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

已拦截跨源请求：同源策略禁止读取位于 http*****的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）。

CORS一般不需要在浏览器配置，浏览器发现这次跨源AJAX请求是简单请求，就自动在头信息之中，添加一个Origin字段，Origin字段用来说明，本次请求来自哪个源（协议 + 域名 + 端口）。
服务器根据这个值，决定是否同意这次请求，也就是说服务器会存在一份白名单，说明哪一些源是可以被允许的，而Access-Control-Allow-Origin就是包含在回应头里的白名单。
浏览器发现，这个回应的头信息没有包含Access-Control-Allow-Origin字段，就知道出错了，从而抛出一个错误，也就是你遇到的提示，是返回结果被浏览器拦截了，而不是请求发不出。

所以你需要的是在服务器上配置这个白名单，而不是更改页面

解决办法1：


var url='http://localhost:8080/WorkGroupManagment/open/getGroupById"+"?id=1&callback=?';$.ajax({url:url,dataType:'jsonp',processData: false, type:'get',success:function(data){alert(data.name);},error:function(XMLHttpRequest, textStatus, errorThrown) {alert(XMLHttpRequest.status);alert(XMLHttpRequest.readyState);alert(textStatus);}});

解决办法2：

var url="http://localhost:8080/WorkGroupManagment/open/getGroupById"+"?id=1&callback=?";
$.jsonp({"url": url,"success": function(data) {$("#current-group").text("当前工作组:"+data.result.name);},"error": function(d,msg) {alert("Could not find user "+msg);}
});

解决办法3
被请求页面加上下面代码，最好content填写域名

<meta http-equiv="Access-Control-Allow-Origin" content="*">

解决办法4，在请求控制器加上

header(“Access-Control-Allow-Origin: *”);

解决办法5，修改nginx配置文件

add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET,POST';
add_header 'Access-Control-Allow-Headers' 'x-requested-with,content-type';

已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 ‘Access-Control-A相关推荐

已阻止跨源请求:同源策略禁止读取位于
解决方法--由于我的是PHP项目,在第二个页面/方法中,就是被请求的方法加入如下代码: Header("Access-Control-Allow-Origin: * "); Hea ...
浏览器拦截跨域请求处理方法(已阻止跨源请求:同源策略禁止读取远程资源)
原文地址:http://my.oschina.net/lichaoqiang/blog/317823 在浏览器请求中,出现跨域访问资源的问题,我们肯定会遇到.如果跨域请求被阻止,有可能导致css.js ...
已拦截跨源请求：同源策略禁止读取位于XXXXXXXXXXXXXXXX/demo_test.txt 的远程资源。（原因：CORS 请求不是 http）
完整问题复现如下: 已拦截跨源请求:同源策略禁止读取位于XXXXXXXXXXXXXXXX/demo_test.txt 的远程资源.(原因:CORS 请求不是 http) 原始代码index.html在 ...
已拦截跨源请求：同源策略禁止读取位于...的远程资源。（原因：CORS 请求未能成功）。
已拦截跨源请求:同源策略禁止读取位于 http://192.168.43.207:8080/manager/login?name=hao&password=111 的远程资源.(原因:CORS ...
同源策略禁止读取位于_用浏览器缓存绕过同源策略（SOP）限制
本文分享的Writeup是作者在做Keybase.io的漏洞众测中发现的SOP(同源策略)绕过漏洞,由于Keybase.io在用的多个API端点都启用了CORS(跨域资源共享)机制,这种缓解同源策略的 ...
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8202/admin/cmn/dict/findChildData/1 的远程资源。（原因：CORS 头缺少 ‘Access-C
可能1: 这是一个CORS跨域访问错误,大概意思是被服务器端同源策略拦截导致,因为项目是前后端分离开发,所以服务器会判断前端属于跨域请求. (1) 在后端controller接口上添加注解: @Cro ...
vue项目中已拦截跨源请求：同源策略禁止读取位于....（原因：CORS 请求未能成功）解决方案
手动给Global.asax配置,添加如下方法 protected void Application_BeginRequest(object sender, EventArgs e){System.W ...
已拦截跨域请求浏览器_浏览器拦截跨域请求处理方法
引用在浏览器请求中,出现跨域访问资源的问题,我们肯定会遇到.如果跨域请求被阻止,有可能导致css.js .ajax请求.font字体等资源出现无法正常访问的问题.接下来,就介绍下解决同源策略不允许读 ...
php避免options请求,OPTIONS请求已阻止跨源请求：CORS 头缺少 'Access-Control-Allow-Origin'...
以node koa为例 app.use(function *(){ let {method, url, header} = this.request; this.set('Access-Control ...

已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 ‘Access-Control-A

已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 ‘Access-Control-A相关推荐

最新文章

热门文章