首页 > 其他 > 详细

处理跨域问题

时间:2021-05-13 13:41:06      阅读:6      评论:0      收藏:0      [点我收藏+]

 

1.后端处理(这里确定的是java处理方式,不确定别的语言处理是否也是这个方式):

  response.setHeader("Access-Control-Allow-Origin", "*");

  response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
  response.setHeader("Access-Control-Max-Age", "3600");
  response.setHeader("Access-Control-Allow-Headers", "x-requested-with");


存在问题:

  上面方式设置可以实现跨域请求,但是不支持Cookie,从而导致session也无法使用。

 

解决方案:

  response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
  response.setHeader("Access-Control-Allow-Credentials", "true");
  使用cookie时 Access-Control-Allow-Origin 不可以设置为*;必须设置为具体值。

  ajax 请求时需要设置withCredentials:true

 

2.前端处理方式

  2.1.黑科技:https://blog.csdn.net/zm_miner/article/details/108448527

  2.2 配置charles

  2.3修改webpack.config.js配置,做代理

  2.4修改vue.config.js配置,做代理

 

3.前后端配合处理,使用jsonp请求

处理跨域问题

原文:https://www.cnblogs.com/restart77/p/14763525.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!