基于VSCode的Node服务端应用在断网环境下的Mock接口服务联调配置

星宇同学_5457

星宇同学_5457

2026-07-06

541人浏览

原创

断网联调需mock服务监听0.0.0.0而非127.0.0.1,否则wsl/docker等环境无法访问;vite代理路径须严格匹配,sdk需绕过navigator.online检测,且所有环节必须彻底离线化。

基于vscode的node服务端应用在断网环境下的mock接口服务联调配置

断网时无法联调 Node 服务端接口?不是必须连真实后端,而是要让前端 fetch 能发出去、收回来、不报 CORS、不卡在 SDK 网络探测上。

mock 服务必须监听 0.0.0.0,不能只绑 127.0.0.1

很多本地 mock 工具(比如 json-server)默认只监听 127.0.0.1,这在断网但本机服务运行时看似正常,一旦前端运行在 WSL、Docker 或远程终端里,就根本连不上。VSCode 调试器或前端 dev server 发出的请求会直接超时。

  • 启动 json-server 时务必加 --host 0.0.0.0 参数:json-server --watch grok-mock-rules.json --port 8081 --host 0.0.0.0
  • Python http.server 方案中,HTTPServer(('0.0.0.0', 8081), handler) 才有效;写成 ('localhost', 8081) 或 ('127.0.0.1', 8081) 就只能本机 Chrome 访问,VSCode 的调试进程可能拿不到响应
  • 验证方式:在终端执行 curl -v http://localhost:8081/v4/chat/completions 和 curl -v http://127.0.0.1:8081/v4/chat/completions 都通 ≠ 全局可用;真正要测的是 curl -v http://$(hostname -I | awk '{print $1}'):8081/v4/chat/completions

Vite/webpack 代理必须指向 mock 地址,且路径前缀要对齐

前端构建工具的代理配置不是“开了就能用”,它只在开发服务器(如 vite dev)启动时生效,且只代理匹配到的路径。如果前端代码里写的 URL 是 /v4/chat/completions,但 vite.config.ts 里 proxy 写的是 /api,那请求根本不会转发,而是直接 404 或跨域失败。

Rydberg Agent Node
Rydberg Agent Node

使用一条命令部署ProbeChain Rydberg测试网代理节点。自动注册为Agent(NodeType=1),免gas,支持macOS/Linux/Windows。触发词:/r

下载
  • Vite 中正确写法(注意路径完全匹配):
    export default defineConfig({<br>  server: {<br>    proxy: {<br>      '/v4': {<br>        target: 'http://localhost:8081',<br>        changeOrigin: true,<br>        rewrite: (path) => path,<br>      },<br>    },<br>  },<br>})
  • 如果 mock 服务跑在 WSL 或另一台机器上,target 必须填真实 IP,比如 'http://192.168.1.105:8081',不能写 localhost——浏览器和 Node 进程对 localhost 的解析可能不一致
  • 禁用 SDK 自动探测的关键一步:在初始化 Grok SDK 前,手动设置 fetch 替换或 patch window.fetch,绕过其内部的 navigator.onLine 检查和 token 校验逻辑,否则即使代理通了,SDK 也会在发起请求前就 throw

VSCode 调试 Node 后端时,断点不触发的真正原因常是 mock 服务没被请求命中

你给 Express 路由打了断点,F5 启动调试,控制台显示 “Listening on port 3000”,但 curl 请求过去断点不动——大概率不是 launch.json 配错了,而是前端压根没把请求发到这个服务上。尤其在断网环境下,前端可能 fallback 到硬编码的线上地址,或者被 Vite 代理规则漏掉了。

  • 先确认请求是否真到了你的 Node 服务:在入口文件最顶部加 console.log('REQ IN:', req.method, req.url),看日志有没有输出
  • 检查 launch.json 中的 program 是否指向编译后的 JS 文件(如 dist/server.js),而不是 TS 源码;TypeScript 项目若没配 sourceMaps: true,断点位置会错乱
  • 如果用了中间件如 express.json(),确保 mock 请求带了 Content-Type: application/json 头,否则解析失败,后续路由不会执行,断点自然不触发
  • 断网时 DNS 解析失败可能导致某些库(比如 axios 默认配置)卡住几秒再报错,建议在 mock 请求里显式设 timeout: 1000,避免等待干扰判断

离线联调真正的难点不在“怎么起个 mock”,而在于**所有环节都得假设网络不存在**:SDK 不探网、代理不 fallback、前端不读取线上 config、调试器不依赖外部域名解析。任何一个环节偷偷去连外网,整个链路就静默中断——这种问题往往没有报错,只有空白响应或无限 loading。

相关文章

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

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

下载

相关标签:

vscode node

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

相关专题

更多
硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

2023.10.19

3128

3

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

2025.10.17

4769

12

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2025.12.29

3769

9

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

2026.01.19

446

15

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

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

2023.06.30

1335

18

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

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

2023.07.21

2812

3

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

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

2024.03.14

1949

12

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

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

2024.03.14

1727

8

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

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

2024.03.15

2607

12

热门下载

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

精品课程

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