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

Question

前端用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

Answer 1

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

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

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

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

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