H5W3
当前位置:H5W3 > 其他技术问题 > 正文

前后端分离,SpringBoot拦截器中,获取的请求头为NULL。

前端用axios发起请求,后端拦截器拦截后,获取的请求头为空

已经在Vue项目的的main.js中设置了
//允许携带cookie
axios.defaults.withCredentials = true;
axios发起请求的代码:
this.$axios.get('/admin/get', {params: this.queryInfo}).then((response) => {
  if (response.data.code == "1") {
    //第一个data是response的属性,第二个是自定义实体里面的data。。。
    this.adminList = response.data.data.adminList;
    this.totalPages = response.data.data.totalPages;
    this.totalElements = response.data.data.totalElements;
  } else {
    this.$message.error(response.data.message);
  }
});
浏览器中查看请求,请求头中的参数命名存在,但是后端就是获取不到:

后端拦截器中获取的请求头为null

回答:

问题已经解决
原因:
原因是后端会接收到两次请求:

  • 第一次是 OPTIONS请求,这个请求不会携带参数,所以获取不到数据
  • 第二次才是GET/POST,携带参数

解决方法:
如果是OPTIONS请求,则放行,否则进行拦截判断。

if (HttpMethod.OPTIONS.toString().equals(request.getMethod())) {
    log.info("OPTIONS请求,放行");
    return true;
}

参考文章:SpringBoot跨域,拦截器中,第一次获取的请求头为NULL,发送两次请求的处理方式

本文地址:H5W3 » 前后端分离,SpringBoot拦截器中,获取的请求头为NULL。

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址