如何在 VSCode 中使用 Thunder Client 运行并管理 API 测试

P粉328763957

P粉328763957

2026-07-19

829人浏览

原创

thunder client 在 vscode 中测试 api 时需手动配置:json 请求须设 raw/json 模式、显式加 content-type 头、确保 json 合法;query params 需点击“add to url”;环境变量须正确命名、选中环境、用双大括号引用并预览确认;tests 仅支持同步 js,变量提取后需手动注入后续请求头。

如何在 vscode 中使用 thunder client 运行并管理 api 测试

Thunder Client 能直接在 VSCode 里跑 API 测试,但默认不自动补头、不智能拼参、不 fallback 解码——错一个细节,400/415/卡死/变量不生效就立刻出现。

POST JSON 请求返回 415?三处必须手动对齐

415 不是后端拒收,是 Thunder Client 没把请求“说清楚”:

  • Body 必须切到 raw → JSON 模式(不是 TextForm DataGraphQL
  • Headers 栏必须显式添加:Content-Typeapplication/json
  • JSON 内容要合法:{"name": "alice", "id": 1} ✅,{name: "alice"} ❌,末尾多逗号也报错

后端也要匹配:Express 需 app.use(express.json());Fastify 默认不解析 JSON,得配 bodyLimitjsonSchema

Query Params 填了却没发出去?它不会自动拼接

Thunder Client 的 Params 栏只是参数编辑器,不是 URL 构建器:

VSCode 1.118
VSCode 1.118

微软正式发布 Visual Studio Code 1.118 版本 。本次更新重点强化了 AI 开发体验与企业管理能力,其中最引人注目的是新增 Copilot CLI 远程控制功能,允许开发者通过手机或网页远程监控和接管 AI 会话 。同时,为了提高 AI 的运行性价比,新版本优化了令牌缓存策略以降低成本 。此外,1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控 。

下载
  • 填完 id=123 后,必须点右上角 Add to URL 按钮,否则等于白填
  • 最稳写法是直接写完整 URL:https://api.example.com/users?id=123&active=true
  • 中文或特殊字符(空格、&、=)要自己 URL 编码:name=%E5%BC%A0%E4%B8%89,Thunder Client 不自动处理

参数多且常变?改用环境变量:{{base_url}}/users?id={{user_id}},再在 Environment 里定义 user_id = 123

环境变量不生效?两个前提缺一不可

变量名写对、值设对,不代表它就起作用。Thunder Client 不提示“替换失败”,只默默发错请求:

  • 当前环境必须被选中:看 VSCode 左下角状态栏是否显示 Environment: dev,点击可切换
  • 变量名必须完全匹配:大小写敏感,只允许字母、数字、下划线;base-url ❌,base_url
  • URL 和 Headers 中必须用双大括号包裹:{{base_url}}Authorization: Bearer {{token}}
  • 第一次配置后,务必点请求左下角的 Preview,确认实际发出的 URL 和 Headers 是否已替换

Tests 断言不执行或报错?它只跑同步 JS 沙盒

Thunder Client 的测试脚本运行在受限 JS 环境中,不支持 async/awaitimportfetch 或任何外部库:

  • 合法写法只有同步表达式:pm.test("status code is 200", () => { pm.expect(pm.response.code).to.equal(200); });
  • pm.response.json() 可用,但如果响应体不是合法 JSON,会直接抛错且不显示具体位置——建议先在响应面板点 Raw 查看原始内容
  • 变量提取(如从登录响应取 token)必须用 pm.variables.set("token", ...),且只能在 Pre-request ScriptTests 中设置,不能跨请求自动传递,需手动加到后续请求 Header

真正容易被忽略的是:变量提取后,你得手动把它塞进下一个请求的 Authorization 头里,Thunder Client 不做自动注入——哪怕你勾了 Auto Add Auth,它也只认环境里预存的 token,不认运行时 set 的。

大量免费API接口:立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游,为数据API应用能力赋能!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
li是什么元素
li是什么元素

li是HTML标记语言中的一个元素,用于创建列表。li代表列表项,它是ul或ol的子元素,li标签的作用是定义列表中的每个项目。本专题为大家li元素相关的各种文章、以及下载和课程。

2023.08.03

596

5

vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

745

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

1131

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

980

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

906

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1403

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1371

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

938

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

838

8

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程