【HTTP文件使用指南】唐叔手把手教你玩转HTTP请求，从入门到精通！

唐叔在学习

于 2025-06-26 08:51:41 发布

阅读量403

点赞数 12

CC 4.0 BY-SA版权

文章标签： http文件 RestClient API调试 VSCODE插件 HTTP请求开发效率

本文链接：https://blog.youkuaiyun.com/Tang_is_learning/article/details/148912194

#新星杯·14天创作挑战营·第12期#

作者：唐叔在学习
标签：#HTTP文件 #RESTClient #API调试 #VSCODE插件 #HTTP请求 #开发工具 #前后端协作 #唐叔教程 #开发效率

各位优快云的小伙伴们大家好，我是你们的老朋友唐叔！今天咱们来聊聊一个超级实用的开发工具——HTTP文件。这玩意儿简直就是后端开发的瑞士军刀，前端调试的得力助手！不管你是刚入门的小白，还是已经摸爬滚打多年的老司机，掌握HTTP文件的使用都能让你的开发效率蹭蹭往上涨！

文章目录

一、HTTP文件是个啥？为啥要用它？

简单来说，HTTP文件就是以.http或.rest为后缀的文本文件，里面可以直接写HTTP请求。它比Postman轻量，比cURL直观，还能和版本控制系统完美配合！

唐叔我最喜欢它的几个优点：

轻量级：不需要安装任何软件，一个文本编辑器就能搞定
可版本控制：可以像代码一样管理你的API请求
环境变量支持：轻松切换不同环境
语法高亮：主流IDE都支持，写起来那叫一个舒服

二、环境准备

在开始之前，咱们得先装个插件。唐叔我推荐使用VS Code，然后安装REST Client插件：

打开VS Code
点击左侧扩展图标
搜索"REST Client"
安装Huachao Mao提供的那个

在这里插入图片描述

装好之后，咱们就可以愉快地玩耍啦！

当然，如果你使用的是jetbrains出品的IDE，则无需安装插件，新建http文件即可使用。

三、HTTP请求实战演示

1. 最基本的GET请求

最基本的请求格式，使用 Request-method Request-URL [HTTP/1.1] 即可。

### 获取用户列表
GET https://jsonplaceholder.typicode.com/users HTTP/1.1

这个简单吧？唐叔告诉你，点击上面的"Send Request"按钮，就能看到返回结果啦！

在这里插入图片描述

2. 带查询参数的GET请求

### 获取特定用户
GET https://jsonplaceholder.typicode.com/users?id=1&name=Leanne HTTP/1.1

和基本 GET 请求类似，只是将参数使用 ? 拼接在请求上，即 ?id=1&name=Leanne。

在这里插入图片描述

注意：多请求时，使用 ### 隔开请求，同时在对应的请求点击 “Send Request”。

3. POST请求（提交JSON数据）

### 创建新用户
POST https://jsonplaceholder.typicode.com/users HTTP/1.1
Content-Type: application/json

{
    "name": "唐叔",
    "username": "uncle_tang",
    "email": "uncle.tang@csdn.com"
}

有别于 GET 请求，需要声明内容类型，如果是常见的 JSON 请求入参，只需要将请求入参数据，换行声明即可。

在这里插入图片描述

4. PUT请求（更新数据）

和 POST 请求类似，只是声明请求类似使用 PUT 关键字。

### 更新用户信息
PUT https://jsonplaceholder.typicode.com/users/1 HTTP/1.1
Content-Type: application/json

{
    "name": "唐叔-改",
    "username": "uncle_tang_modified"
}

5. DELETE请求

DELETE 请求如下所示。

### 删除用户
DELETE https://jsonplaceholder.typicode.com/users/1 HTTP/1.1

四、文件上传下载实战

1. 文件上传

### 上传文件
POST https://example.com/api/upload HTTP/1.1
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

------WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="file"; filename="example.txt"
Content-Type: text/plain

< ./example.txt
------WebKitFormBoundary7MA4YWxkTrZu0gW--

文件上传操作较复杂，除了要声明内容类型，还需要声明文件位置。

在这里插入图片描述

2. 文件下载

### 下载文件
GET https://example.com/api/download/example.pdf HTTP/1.1
Accept: application/pdf

>> ./downloads/example.pdf

唐叔提示：下载文件时记得先创建好对应的目录哦！

在这里插入图片描述

五、高级用法

1. 使用环境变量

### 设置环境变量
@hostname = jsonplaceholder.typicode.com

### 使用环境变量
GET https://{{hostname}}/users/1 HTTP/1.1

多请求场景特别适合使用环境变量来声明域名地址。

2. 认证和授权

认证信息在请求下一行以 key: value 声明即可。

### 带Bearer Token的请求
GET https://api.example.com/protected-resource HTTP/1.1
Authorization: Bearer your_token_here

3. 保存和重用响应数据

多请求上下文信息获取时，就很需要保存和重用前置请求的响应数据了。

### 登录并保存token
POST https://api.example.com/login HTTP/1.1
Content-Type: application/json

{
    "username": "uncle_tang",
    "password": "csdn666"
}

> {%
    client.global.set("auth_token", response.body.token);
%}

### 使用保存的token
GET https://api.example.com/protected-resource HTTP/1.1
Authorization: Bearer {{auth_token}}