HTTP常见的请求头有哪些？都有什么作用？在 Web 应用中使用这些请求头？

news2024/11/14 7:02:14

HTTP 请求头（Request Headers）用于在 HTTP 请求中携带额外的信息，帮助服务器更好地处理请求。以下是一些常见的 HTTP 请求头及其作用：

常见请求头及其作用

1. Accept
  • 作用：告知服务器客户端可以接受的内容类型。
  • 示例：Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
  • 说明：客户端可以接受多种内容类型，优先级由 q 参数决定。
2. Accept-Encoding
  • 作用：告知服务器客户端支持的压缩编码方式。
  • 示例：Accept-Encoding: gzip, deflate, br
  • 说明：客户端支持 gzip、deflate 和 brotli 压缩。
3. Accept-Language
  • 作用：告知服务器客户端首选的语言。
  • 示例：Accept-Language: en-US,en;q=0.9,zh-CN;q=0.8
  • 说明：客户端首选英语（美国），其次是英语（通用），最后是中文（简体）。
4. Authorization
  • 作用：用于向服务器提供认证信息，通常用于 Basic 认证或 Bearer Token。
  • 示例：Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
  • 说明：使用 Bearer Token 进行认证。
5. Content-Length
  • 作用：告知服务器请求体的长度（以字节为单位）。
  • 示例：Content-Length: 348
  • 说明：请求体的长度为 348 字节。
6. Content-Type
  • 作用：告知服务器请求体的内容类型。
  • 示例：Content-Type: application/json
  • 说明：请求体是 JSON 格式的数据。
7. Cookie
  • 作用：用于发送存储在客户端的 cookie 信息。
  • 示例：Cookie: session_id=123456; user_id=7890
  • 说明：发送两个 cookie：session_id 和 user_id。
8. Host
  • 作用：指定请求的主机名和端口号。
  • 示例：Host: www.example.com:8080
  • 说明：请求的目标主机是 www.example.com，端口号是 8080。
9. Referer
  • 作用：告知服务器当前请求是从哪个页面跳转过来的。
  • 示例：Referer: https://www.example.com/page1
  • 说明：当前请求是从 https://www.example.com/page1 页面跳转过来的。
10. User-Agent
  • 作用：告知服务器客户端的浏览器和操作系统信息。
  • 示例：User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3
  • 说明：客户端使用的是 Chrome 浏览器，操作系统是 Windows 10。
11. Cache-Control
  • 作用：控制缓存行为。
  • 示例：Cache-Control: no-cache
  • 说明：要求不使用缓存，每次都从服务器获取最新数据。
12. Connection
  • 作用：控制连接的状态。
  • 示例：Connection: keep-alive
  • 说明：保持连接打开，以便后续请求可以复用同一连接。
13. If-Modified-Since
  • 作用：告知服务器只有在指定日期之后被修改的资源才会返回。
  • 示例：If-Modified-Since: Wed, 21 Oct 2015 07:28:00 GMT
  • 说明：只有在 2015 年 10 月 21 日 07:28:00 GMT 之后被修改的资源才会返回。
14. If-None-Match
  • 作用：告知服务器只有在实体标签（ETag）不匹配时才返回资源。
  • 示例：If-None-Match: "67ab4321cd8e"
  • 说明：只有在 ETag 不等于 "67ab4321cd8e" 时才返回资源。
15. Origin
  • 作用：用于 CORS（跨域资源共享）请求，告知服务器请求的来源。
  • 示例：Origin: https://www.example.com
  • 说明：请求的来源是 https://www.example.com。
16. Range
  • 作用：请求资源的一部分。
  • 示例：Range: bytes=0-1023
  • 说明：请求资源的前 1024 字节。
17. Upgrade
  • 作用：请求升级到另一种协议，通常用于 WebSocket 协议。
  • 示例：Upgrade: websocket
  • 说明：请求将连接升级到 WebSocket 协议。
18. Sec-WebSocket-Key
  • 作用：用于 WebSocket 握手，生成一个随机的密钥。
  • 示例：Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
  • 说明：生成的随机密钥。
19. Sec-WebSocket-Version
  • 作用：告知服务器 WebSocket 协议的版本。
  • 示例：Sec-WebSocket-Version: 13
  • 说明：使用 WebSocket 协议的第 13 版。
20. X-Requested-With
  • 作用：告知服务器请求是由 AJAX 发起的。
  • 示例：X-Requested-With: XMLHttpRequest
  • 说明：请求是由 XMLHttpRequest 发起的。

如何在 Web 应用中使用这些请求头

前端（JavaScript/TypeScript）
使用 Fetch API

Fetch API 是现代浏览器提供的原生方法，用于发起 HTTP 请求。你可以通过 headers 选项来设置请求头。

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Accept': 'application/json',
    'Authorization': 'Bearer your-token',
    'User-Agent': 'MyApp/1.0'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
使用 Axios

Axios 是一个流行的 HTTP 客户端库，支持浏览器和 Node.js。你也可以通过 headers 选项来设置请求头。

import axios from 'axios';

axios.get('https://api.example.com/data', {
  headers: {
    'Accept': 'application/json',
    'Authorization': 'Bearer your-token',
    'User-Agent': 'MyApp/1.0'
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error('Error:', error);
});
后端（Node.js/Express）
使用 Express

在 Express 中，你可以通过 res.set 方法来设置响应头，或者通过 req.headers 来访问请求头。

const express = require('express');
const app = express();

app.get('/data', (req, res) => {
  // 访问请求头
  const authorization = req.headers.authorization;

  // 设置响应头
  res.set({
    'Content-Type': 'application/json',
    'Cache-Control': 'no-cache'
  });

  // 发送响应
  res.send({ message: 'Hello, World!', authorization });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});
后端（Python/Flask）
使用 Flask

在 Flask 中，你可以通过 request.headers 来访问请求头，通过 response.headers 来设置响应头。

from flask import Flask, request, jsonify

app = Flask(__name__)

@app.route('/data')
def get_data():
    # 访问请求头
    authorization = request.headers.get('Authorization')

    # 创建响应
    response = jsonify({
        'message': 'Hello, World!',
        'authorization': authorization
    })

    # 设置响应头
    response.headers['Content-Type'] = 'application/json'
    response.headers['Cache-Control'] = 'no-cache'

    return response

if __name__ == '__main__':
    app.run(port=3000)

常见请求头的使用示例

1. Authorization

在前端发起请求时，设置 Authorization 头：

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Authorization': 'Bearer your-token'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

在后端访问 Authorization 头：

app.get('/data', (req, res) => {
  const authorization = req.headers.authorization;
  // 处理请求
});
2. Content-Type

在前端设置 Content-Type 头：

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

在后端访问 Content-Type 头：

app.post('/data', (req, res) => {
  const contentType = req.headers['content-type'];
  // 处理请求
});
3. Cache-Control

在后端设置 Cache-Control 头：

app.get('/data', (req, res) => {
  res.set({
    'Cache-Control': 'no-cache'
  });
  res.send({ message: 'Hello, World!' });
});
4. Accept

在前端设置 Accept 头：

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Accept': 'application/json'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));

在后端访问 Accept 头：

app.get('/data', (req, res) => {
  const accept = req.headers.accept;
  // 处理请求
});

总结

通过上述示例，你可以看到如何在前端和后端使用常见的 HTTP 请求头。这些请求头在实际应用中非常有用，可以帮助你更好地控制请求和响应的行为，提高应用的性能和安全性。希望这些示例对你有所帮助！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2240005.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

人工智能大比拼（3）

人工智能大比拼（3）

已知x-,y-6，且下述表达式的值与x的取值无关，求y -10x2y7xy 上述这个很简单的数学题，可是在各家AI之间出现了争议，本期我使用了四个AI：kimi，商量，文心一言，chatyy 先来看一下kimi的表…
阅读更多...
SQLI LABS | Less-45 POST-Error Based-String-Stacked-Bilnd

SQLI LABS | Less-45 POST-Error Based-String-Stacked-Bilnd

关注这个靶场的其它相关笔记：SQLI LABS —— 靶场笔记合集-CSDN博客 0x01：过关流程 输入下面的链接进入靶场（如果你的地址和我不一样，按照你本地的环境来）： http://localhost/sqli-labs/Less-45/ 本关是堆…
阅读更多...
sol机器人pump机器人如何实现盈利的？什么是Pump 扫链机器人？

sol机器人pump机器人如何实现盈利的？什么是Pump 扫链机器人？

什么是Pump 扫链机器人，它的盈利逻辑优化策略是什么？ Pump 扫链机器人，通过智能化、自动化的买卖操作帮助投资者实现快速盈利。在此基础上，我们对该机器人的盈利逻辑进行了深度优化，涵盖了买入策略和止盈策略的各个方面…
阅读更多...
MYSQL SQL优化总结【快速理解】

MYSQL SQL优化总结【快速理解】

1、优化insert操作 批量插入，防止大量与数据库进行访问 手动控制事务，减少事务的频繁开启和提交。 主键顺序插入 2、优化主键 主键优化的点就是避免主键过长，因为如果有二级索引，叶子节点存储的数据时间上是主键，如果主…
阅读更多...
深入计算机语言之C++：String的模拟实现

深入计算机语言之C++：String的模拟实现

🔑🔑博客主页：阿客不是客 🍓🍓系列专栏：从C语言到C语言的渐深学习 欢迎来到泊舟小课堂 😘博客制作不易欢迎各位👍点赞⭐收藏➕关注 一、模拟实现 string 库 1.1 string 的成员变量…
阅读更多...
植物大战僵尸杂交版v2.6.1最新版本（附下载链接）

植物大战僵尸杂交版v2.6.1最新版本（附下载链接）

B站游戏作者潜艇伟伟迷于11月3日更新了植物大战僵尸杂交版2.6.1版本！！！，有b站账户的记得要给作者三连关注一下呀！ 不多废话下载链接放上： 夸克网盘链接：https://pan.quark.cn/s/279e7ed9f878 新…
阅读更多...
【Pikachu】目录遍历实战

【Pikachu】目录遍历实战

既然已经决定做一件事，那么除了当初决定做这件事的我之外，没人可以叫我傻瓜。 1.目录遍历漏洞概述 目录遍历漏洞概述 在Web功能的设计过程中，开发者经常会将需要访问的文件作为变量进行定义，以实现前端功能的灵活性。当用户发起…
阅读更多...
[ 网络安全介绍 5 ] 为什么要学习网络安全？

[ 网络安全介绍 5 ] 为什么要学习网络安全？

🍬 博主介绍 👨‍🎓 博主介绍：大家好，我是 _PowerShell ，很高兴认识大家~ ✨主攻领域：【渗透领域】【数据通信】 【通讯安全】 【web安全】【面试分析】 🎉点赞➕评论➕收藏 养成习…
阅读更多...
项目技术栈-解决方案-注册中心

项目技术栈-解决方案-注册中心

项目技术栈-解决方案-注册中心 Zookeeper、Eureka、Nacos、Consul和Etcd参考文章 服务注册中心（Registry）：用于保存 RPC Server 的注册信息，当 RPC Server 节点发生变更时，Registry 会同步变更，RPC Client …
阅读更多...
除了 Postman，还有什么好用的 API 测试工具吗

除了 Postman，还有什么好用的 API 测试工具吗

尽管 Postman 提供了团队协作的功能，但是免费版本的功能较为基础，付费版的价格对于小型团队或个人开发者来说可能较高。而且访问 Postman 有时会非常慢，太影响体验了。 鉴于上述局限性，Apifox 成为了一个很好的替代选择。Apifox …
阅读更多...
WPF学习之路，控件的只读、是否可以、是否可见属性控制

WPF学习之路，控件的只读、是否可以、是否可见属性控制

C#的控件学习之控件属性操作 控件的只读、是否可以、是否可见，是三个重要的参数，在很多表单、列表中都有用到，正常表单控制可以在父层主键控制参数是否可以编辑和可见，但是遇到个别字段需要单独控制时，可以在初始化wi…
阅读更多...
LabVIEW开发相机与显微镜自动对焦功能

LabVIEW开发相机与显微镜自动对焦功能

自动对焦是显微成像系统中的关键功能，通常由显微镜的电动调焦模块或特定的镜头系统提供，而工业相机则主要用于高分辨率图像的采集，不具备独立的自动对焦功能。以下是自动对焦的工作原理、实现方式及实际应用案例。 1. 自动对焦的工作原理 &a…
阅读更多...
IBM 开源的文档转化利器「GitHub 热点速览」

IBM 开源的文档转化利器「GitHub 热点速览」

上周的热门开源项目，Star 数增长犹如坐上了火箭，一飞冲天。短短一周就飙升了 6k Star 的多格式文档解析和导出神器 Docling，支持库和命令行的使用方式。全新的可视化爬虫平台 Maxun，则在刚开源时便轻松斩获了 4k Star。而本地优先…
阅读更多...
STM32完全学习——点亮LED灯

STM32完全学习——点亮LED灯

一、寄存器描述 首先我们知道STM32对外设的操作，是靠对寄存器的设置来完成的。因此我们想要点亮LED灯，就需要知道端口的控制寄存器，然后给寄存器设置不同的值就可以让端口来输出0或1，首先我这里使用的是GPIOA这个端口的0-8位来做…
阅读更多...
【MongoDB】MongoDB的核心-索引原理及索引优化、及查询聚合优化实战案例（超详细）

【MongoDB】MongoDB的核心-索引原理及索引优化、及查询聚合优化实战案例（超详细）

文章目录 一、数据库查询效率问题引出索引需求二、索引的基本原理及作用（一）索引的创建及数据组织（二）不同类型的索引（三）索引的额外属性 三、索引的优化与查询计划分析（一）通过prof…
阅读更多...
约束（MYSQL）

约束（MYSQL）

not null（非空） unique（唯一） default（默认约束，规定值） 主键约束primary key（非空且唯一） auto_increment（自增类型） 复合主键 check&#xff08…
阅读更多...
如何保证RabbitMQ的可靠性传输

如何保证RabbitMQ的可靠性传输

文章目录 producer到broke生产者到交换机：confirm交换机到队列：returns模式队列溢出：可以采用死信等方式①ConfirmCallback接口②ReturnCallback接口 Broke内部Broke到达消费者 producer到broke 发送方确认 生产者到交换机：conf…
阅读更多...
数据库参数备份

数据库参数备份

MySQL #!/bin/bash # 获取当前日期和时间的时间戳 TIMESTAMP$(date "%Y%m%d-%H%M%S")# 0、创建目录 mkdir /tmp/parameter_$TIMESTAMP/# 1、获取所有命名空间 echo "1、获取所有命名空间" NAMESPACES$(kubectl get ns | grep qfusion- | grep -v qfusion-…
阅读更多...
拦截器实现http请求访问本地图片

拦截器实现http请求访问本地图片

本文来记录下拦截器实现http请求访问本地图片 文章目录 概述代码实现本文小结 概述 如下图，本机(服务器)存储的图片想要在浏览器上通过Url地址访问： 浏览器直接访问 代码实现 烂机器实现文件真实地址和物理地址之间的映射 Slf4j Configuration public cl…
阅读更多...
【数据结构】快排之三路划分

【数据结构】快排之三路划分

目录 一、前言 二、 快排性能的关键点分析 三、 三路划分基本思想 四、 思路分析 五、提醒 六、代码实现 一、前言 继续对快速排序的深入优化进行探讨 二、 快排性能的关键点分析 决定快排性能的关键点是每次单趟排序后，key对数组的分割。 如果每次选key都能…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023