一个页面发ajax请求到后端接口,这个后端接口重定向了另外一个域名的地址;此时会出现跨域问题。
ajax调用浏览器组件发起的请求和浏览器直接发起的请求有一定区别。
1)浏览器可以通过返回的http状态进行相应的操作,如访问一个页面,此页面重定向时,浏览器可以获取到重定向后的url然后进行转向。
2)对于ajax,ajax的目的就是无刷新的,所以对于服务器端进行了重定向时,ajax会获取到重定向状态值3xx和重定向url,然后再获取重定向的页面运行完后输出到客户端的HTML代码,并且返回200状态。
上面的场景:
如果是浏览器发送轻轻到后端接口,后端接口重定向的话是给浏览器一个302的标示,并且给一个url;浏览器拿到标示后会把地址栏的url换成后端返回的url,完成重定向动作。
如果是ajax的话,请求后端接口,后端返回302和一个url;那么ajax会根据htpp的code吗做出相对应的动作。接受到的是302那么ajax会再次发起一个请求,去请求服务端302返回的url;那么此时就跨域了。
解决方式是ajax在第一次得到相应处理后需要js做一次location.href跳转。目的是让浏览器去请求重定向的接口而不是ajax.
原文链接:https://www.f2er.com/ajax/161030.html