前端js获取不到response header中自定义内容的解决方法

原因:跨域后系统为了安全去掉自定义头

解决方法:

通过给header允许前端访问 解决跨域后系统为了安全去掉自定义头,后端在返回response时给header加上 Access-Control-Expose-Headers

如下:
res.setHeader(“Access-Control-Expose-Headers”,“自定义头”);

//ajax 请求
$.ajax({
	type: "post",
	url: "http://xxxx",
	success: function (data, textStatus, request) {
		var a = request.getResponseHeader("自定义头")
		console.log(a);
	}
});
//原生js请求
var xhr;
if (window.XMLHttpRequest) {
  //IE7+,Firefox,Chrome,Opera,Safari 执行
  xhr = new XMLHttpRequest();
} else {
  // IE6,IE5 执行
  xhr = new ActiveXObject("Microsoft.XMLHTTP");
}

// GET 请求
xhr.open("GET", url, true);
xhr.send();

// 通过 onreadystatechange  事件来监听状态变化,并获取服务器响应
xhr.onreadystatechange = function () {
  //请求成功时
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log(xhr.getResponseHeader("自定义头"))
  }
}
// axios 请求
this.$axios({
	method: "post",
	url: this.$path + "tests/batteryReportDownload/",
}).then(res => {
   let headers = res.headers;
   let fileName = headers["自定义头"];  #获取自定义头
});

  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值