介绍
consume-http-header 是一个用于消耗 HTTP 请求头的 npm 包。它可以帮助前端开发者更方便地获取 HTTP 请求头的信息，例如 Authorization，User-Agent 等。
安装
可以通过 npm 直接安装：
npm install consume-http-header
使用
使用 consume-http-header 可以很方便地获取 HTTP 请求头信息。以下是一个基本的示例：
-- -------------------- ---- ------- ----- ------ - ------------------------------- ----- ---------- - --- --------- -- ------- ------------- - ----- ---------- - -------------------------------- ------------------------ -- ------- ---------- - ----- -------- - ----------------------------- ----------------------
API
consume-http-header 提供以下 API：
httpHeader.get(headerName)
获取指定请求头的值，返回值为字符串。
const authHeader = httpHeader.get('Authorization');
console.log(authHeader); // Bearer tokenhttpHeader.getAllHeaders()
获取所有的请求头，返回值为对象类型。
const allHeaders = httpHeader.getAllHeaders();
console.log(allHeaders); // { 'accept-language': 'zh-CN,zh;q=0.9,en;q=0.8', ... }httpHeader.has(headerName)
判断请求头是否存在，返回布尔值。
const hasCookieHeader = httpHeader.has('Cookie');
console.log(hasCookieHeader); // truehttpHeader.set(headerName, headerValue)
设置请求头的值，如果请求头已存在，则覆盖，否则新增。
httpHeader.set('Authorization', 'Bearer new-token');
const updatedAuthHeader = httpHeader.get('Authorization');
console.log(updatedAuthHeader); // Bearer new-tokenhttpHeader.delete(headerName)
删除指定的请求头。
httpHeader.delete('Authorization');
const deletedAuthHeader = httpHeader.get('Authorization');
console.log(deletedAuthHeader); // undefined注意事项
- 如果在浏览器环境下使用，需要将
Header替换成window.Headers。
const httpHeader = new window.Headers();
- 如果请求是跨域的，那么某些请求头可能被浏览器禁止，例如
Authorization等。这时需要在服务器端设置 CORS ，允许请求头的传递。
结论
consume-http-header 属于轻量级的 HTTP 请求头消耗包，使用非常简单方便。对于前端开发者来说，获得 HTTP 请求头信息是比较常见的需求，这个包可以帮助我们更快捷地实现该需求，提高开发效率。同时，开发者也需要注意浏览器的同源策略和跨域请求的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac82b5cbfe1ea0610a5c