关于vue跨域请求JavaWeb的一种解决方式(包含响应自定义cookie)

最新推荐文章于 2021-08-25 18:30:38 发布

苏乞儿丶

最新推荐文章于 2021-08-25 18:30:38 发布

阅读量697

点赞数

分类专栏：跨域请求文章标签：跨域请求自定义cookie响应 header属性设置 javaweb跨域访问

本文链接：https://blog.csdn.net/java1703/article/details/88845019

版权

本文介绍了如何在Vue应用中处理跨域请求，并在JavaWeb后端设置响应Header以允许携带跨域cookie。通过设置XMLHttpRequest的withCredentials属性为true，确保请求携带cookie。在Java后端，根据Origin header设置Access-Control-Allow-Origin，Access-Control-Allow-Credentials等，以允许特定域名的跨域访问，并处理预检请求。对于POST请求，可以使用@CrossOrigin注解简化配置。

摘要由CSDN通过智能技术生成

第一步:vue中使用XMLHttpRequest请求方式
var xhr = new XMLHttpRequest();
xhr.open(‘GET’, url);
xhr.withCredentials = true; // 允许携带跨域cookie,(ajax也可以设置该属性)
xhr.send();

第二步:在后端代码response中修改Header的属性
//跨域的时候get，post都会显示origin，同域的时候get不显示origin，post显示origin
String ip= request.getHeader(“Origin”);
if(origin!=null){
// 允许指定域访问跨域资源;此处也可以通过以下链接
// https://blog.csdn.net/java1703/article/details/88763594来获取ip
response.setHeader(“Access-Control-Allow-Origin”, ip );
}
// 允许客户端携带跨域cookie，此时origin值不能为“*”，只能为指定单一域名
response.setHeader(“Access-Control-Allow-Credentials”, “true”);
if(RequestMethod.OPTIONS.toString().equals(request.getMethod())) {
String allowMethod = request.getHeader(