前端自定义request header传给服务端

前端自定义request header传给服务端

前端ajax添加自定义canary属性：

beforeSend : function(request) {
　　request.setRequestHeader("canary", canary);
}

前端axios配置：

axios.create({
    ...
    // 请求头部信息
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'canary': canary
    },
    ...
})

服务端需要配置该自定义header支持跨域访问：

response.setHeader("Access-Control-Allow-Headers", "Content-Type, canary");

由于 header 里面包含自定义字段，浏览器是会先发一次options请求，如果请求通过，则继续发送正式的post请求，而如果不通过则返回错误.
所以服务端需要判断请求的方法是options的时候，返回ok（200）给客户端，这样才能继续发正式的post请求。加入判断：

if (request.getMethod().equals("OPTIONS")) {
    HttpUtil.setResponse(response, HttpStatus.OK.value(), null);
    return;
}