ajax跨域问题。如何解决

js 与java 的跨域

今天第一次做APP,我们实现了一个企业内部管理的APP系统,用Html5封装的,在前端ajax请求后台地址时,出现了跨域问题,导致访问失败。
在这里插入图片描述
后来经过一番研究,解决了。
我在后台的controller层加上了@CrossOrigin这个注解。
在这里插入图片描述
然后又出现了新的问题,APP登录后用window.location.href跳转页面,发现服务器端存的session失效了,具体解决方案如下:
在登录的接口上加上这些:

//Access-Control-Allow-Origin 指定该响应的资源是否被允许与给定的origin共享
  response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
  //在对preflight request (预检请求)的应答中明确了客户端要访问的资源允许使用的方法或方法列表
  response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
  //表示preflight request(预检请求)的返回结果可以被缓存多久
  response.setHeader("Access-Control-Max-Age", "3600");
  //Access-Control-Allow-Headers 用于preflight request(预检请求)中, 列出将会在正式请求Access-  //Control-Expose-Headers字段中出现的头部信息X-Requested-With  ajax请求
  response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
  //是否支持cookie跨域
  response.setHeader("Access-Control-Allow-Credentials","true");** 

在这里插入图片描述
然后在前端用ajax访问后台接口时,加了这两个参数

xhrFields: {withCredentials:true},
crossDomain:true,

在这里插入图片描述
问题神奇的解决了,哈哈!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值