【线上问题】CORS跨域问题总结

一、什么是「CORS」

假设有个请求从百度页面(https://www.baidu.com)获取阿里巴巴用户(https://www.alibaba.com/user)信息,会展示下面保存信息

Failed to load https://www.alibaba.com/user: No A'ccess-Control-Allow-Origin' header is present on the requested resource. Origon 'https://www.baidu.com' is therefore not allowed access. 
Cross-Origin Read Blocking(CORB) blocked cross-orign response

之所以产生错误,是因为在https://www.baidu.com请求https://www.alibaba.com/user的资源产生了跨域,违反了浏览器的同源策略。所谓同源,必须是协议、域名、端口三者一致。

alibaba服务端告诉客户端浏览器,baidu要访问我的资源,需要把同源策略放开,客户端浏览器收到消息之后放行。
服务端和客户端传递的消息是通过HTTP header字段。

二、如何解决跨域

private static void doWithResponse(HttpServletRequest request, HttpServletResponse response) {
    response.setHeader("Access-Control-Allow-Origin", "*"); //允许哪些域名访问,支持通配符
    response.setHeader("Access-Control-Allow-Credentials", "true"); //是否允许请求时发送Cookie
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE");//允许哪些HTTP方法
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "access-token,Access-Control-Allow-Origin,Access-Control-Allow-Methods,Access-Control-Max-Age,authorization,Content-Type");//允许哪些HTTP头
    response.setHeader("access-token", "*");
}

注意response.setHeader("Access-Control-Allow-Origin", "*")表示允许所有域都可以访问,完全不符合浏览器同源策略,其他域名都可以访问应用资源,如果提供的资源存在敏感数据是不建议这么配置的
response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin")) 这样可以比较好解决

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值