首页 / ACCESS / 已拦截跨源请求：同源策略禁止读取位于 ^^^^的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了已拦截跨源请求：同源策略禁止读取位于 ^^^^的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1907字，纯文字阅读大概需要3分钟。

内容图文

技术分享图片

 

XHROPTIONShttp://169.254.150.246/jwt/login?username=admin&password=admin123
CORS Missing Allow Origin

已拦截跨源请求：同源策略禁止读取位于 http://169.254.150.246/jwt/login?username=admin&password=admin123 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）。

已拦截跨源请求：同源策略禁止读取位于 http://169.254.150.246/jwt/login?username=admin&password=admin123 的远程资源。（原因：CORS 请求未能成功）。

Object { readyState: 0, getResponseHeader: getResponseHeader(key), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(name, value), overrideMimeType: overrideMimeType(type), statusCode: statusCode(map), abort: abort(statusText), state: state(), always: always(), catch: catch(fn)
, … }
index.html:27:12
userlist 准备请求111 index.html:38:11
XHRGEThttp://169.254.150.246/api/user/list
[HTTP/1.1 404  12ms]

Object { readyState: 4, getResponseHeader: getResponseHeader(key), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(name, value), overrideMimeType: overrideMimeType(type), statusCode: statusCode(map), abort: abort(statusText), state: state(), always: always(), catch: catch(fn), … }

 在若依框架中采用解决方案

技术分享图片

 

 方法代码如下

   @Override
    public void addCorsMappings(CorsRegistry registry) {
        // 设置允许跨域的路径
//        registry.addMapping("/api/**")
        registry.addMapping("/**")
                // 设置允许跨域请求的域名
                .allowedOrigins("*") // .allowedOrigins("http://127.0.0.1:8848")
                // 是否允许证书 配置是否允许发送Cookie，用于凭证请求， 默认不发送cookie。
                .allowCredentials(true)
                // 设置允许的方法
                .allowedMethods("GET", "POST", "DELETE", "PUT")
                .allowedHeaders("Content-Type", "X-Requested-With", "accept", "Origin", "Access-Control-Request-Method",
                        "Access-Control-Request-Headers")
                .exposedHeaders("Access-Control-Allow-Origin", "Access-Control-Allow-Credentials")
                // 设置允许的header属性
                .allowedHeaders("*")
                // 跨域允许时间
                .maxAge(3600);
    }

 

'）' ref='nofollow'>已拦截跨源请求：同源策略禁止读取位于 ^^^^的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）

原文：https://www.cnblogs.com/asplover/p/14746159.html

内容总结

以上是互联网集市为您收集整理的已拦截跨源请求：同源策略禁止读取位于 ^^^^的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）全部内容，希望文章能够帮你解决已拦截跨源请求：同源策略禁止读取位于 ^^^^的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1288810.html

来源：【匿名】