JS获取Nginx代理后header中自定义参数

最新推荐文章于 2024-07-25 07:26:22 发布

原创最新推荐文章于 2024-07-25 07:26:22 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Nginx中开启并使用自定义Header参数，包括配置指令underscores_in_headers，通过$request变量获取请求头信息，以及如何在JS中读取这些自定义Header。同时对比了proxy_set_header与add_header的区别。

1、在http或者server开启nginx针对header自定义命名参数的下划线支持；

underscores_in_headers on;

2、获取request中header方式：'$http_' + 自定义header参数（如有横杠转换为下划线且全部小写）；

add_header Authorization $http_authorization;

* 举个栗子🌰 ：

header ---> User-Type:app

nginx ---> add_header User-Type $http_user_type;

3、JS获取header中自定义参数；

let req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
let userType = req.getResponseHeader('User-Type') ? req.getResponseHeader('User-Type') : '';
//使用 sessionStorage 创建一个本地存储的 name/value 对存储
window.sessionStorage.setItem("userType", userType);

* 拓展（proxy_set_header和add_header的区别）：

https://blog.youkuaiyun.com/qq_30038111/article/details/95211271