跨域post请求不携带cookie,前端设置了axios.defaults.withCredentials = true;仍然无法解决 的解决思路
Post请求不携带cookie,前端设置了axios.defaults.withCredentials = true;仍然无法解决 的解决思路
·
首先声明我前端设置了以下代码:
import axios from 'axios'
axios.defaults.withCredentials = true;
axios.defaults.timeout = 5000;
Vue.prototype.$ajax = axios;
后端同样设置了请求头:
response.setHeader("Access-Control-Allow-Credentials", "true");
但是测试过程中,post请求仍然不携带cookie,问题图片如下:
此时我查看到我在发送post请求之前,浏览器还发送了一个OPTION请求
这个请求被我后端拦截,我上网检查查询了这个请求的作用,以下来源于网络
options 请求就是预检请求,可用于检测服务器允许的 http 方法。当发起跨域请求时,由于安全原因,触发一定条件时浏览器会在正式请求之前自动先发起 OPTIONS 请求,即 CORS 预检请求,服务器若接受该跨域请求,浏览器才继续发起正式请求。
即当我向后端先发送post请求之前,浏览器会先发送OPTION请求判断此地址是否可用,因为我得后端将这个预检请求拦截,导致我得post没有发送,也就没有携带cookie一说了
解决办法,我选择一个一劳永逸的办法,是在后端的拦截器处,将所有的OPTION请求都通过,具体代码如下
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
//判断请求是否是OPTION如果是则返回true,通过该请求,当然我们也可以对其他请求进行处理,我在此处就不展示了~
if(OPTIONS.equalsIgnoreCase(request.getMethod())){
return true;
}
}
测试结果,post请求发送成功,cookie数据也被传递过去了
更多推荐
已为社区贡献1条内容
所有评论(0)