前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >跨域问题"Access to XMLHttpRequest at 'url' from origin 'null' has been blocked by CORS policy"解决

跨域问题"Access to XMLHttpRequest at 'url' from origin 'null' has been blocked by CORS policy"解决

作者头像
Cheng_Blog
发布2022-02-25 09:38:00
7.4K0
发布2022-02-25 09:38:00
举报
文章被收录于专栏:Cheng's BlogCheng's Blog

Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response

预运行响应中的访问控制允许头不允许请求头字段内容类型,也就是我们的请求head中包含了不允许的字段内容。

原因:

包含自定义header字段的跨域请求,浏览器会先向服务器发送OPTIONS请求,探测该服务器是否允许自定义的跨域字段。如果允许,则继续实际的POST/GET正常请求,否则,返回标题所示错误。

解决方案:

需要在系统的过滤器(filter)中设置响应头包含该字段

代码语言:javascript
复制
 HttpServletResponse rep = (HttpServletResponse) servletResponse;
 rep.setHeader("Access-Control-Allow-Origin", "*");
 rep.setHeader("Access-Control-Allow-Credentials", "true");
 // 允许的访问方法
 rep.setHeader("Access-Control-Allow-Methods","POST, GET, PUT, OPTIONS, DELETE, PATCH");
 // Access-Control-Max-Age 用于 CORS 相关配置的缓存
 rep.setHeader("Access-Control-Max-Age", "3600");
 rep.setHeader("Access-Control-Allow-Headers","Access-Control-Allow-Headers, content-type,x-requested-with,Authorization, x-ui-request,lang");

发表时间:2020-07-23

本站文章除注明转载/出处外,皆为作者原创,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-07-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 原因:
  • 解决方案:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档