Pages 部署功能测试面板

基础路由

静态 HTML

验证纯静态资源是否正常服务

静态访问 /index.html

静态 CSS

验证 CSS 文件加载（你正在看到的样式）

静态查看 CSS

静态 JS

验证 JS 文件加载

静态查看 JS

hello 路由

文件路由：hello.js → /hello

Functions GET /hello

API 端点测试

时间接口

返回 JSON 格式的当前时间

Functions

JSON 数据

返回多种数据类型的 JSON

Functions

POST 回显

POST 请求体原样返回

Functions

自定义 Headers

验证自定义响应头

Functions

重定向

302 重定向到 /api/json（跟随验证最终结果）

Functions

动态路由 & Catch-all

动态路由 [id]

/api/user/42 → 提取参数 id=42

Functions

动态路由 [code]

/api/status/418 → 返回对应状态码

Functions

Catch-all [[slug]]

/catchall/any/path/here → 匹配多段路径

Functions

高级特性

中间件

检查响应头中是否有 X-Middleware 标记

Functions

TypeScript

验证 .ts 文件 Sucrase 类型擦除

Functions

JSX 渲染

验证 .jsx + 自定义 pragma

Functions

模块导入

验证相对路径模块导入

Functions

方法特定导出

onRequestGet / onRequestPost 分别处理

Functions

扩展特性

NPM 包导入

bare import 触发 esbuild-wasm + esm.sh CDN

NPM

TSX 渲染

.tsx = TypeScript + JSX 组合转换

Functions

onRequest 通用回退

无方法特定导出时的 fallback handler

Functions

子目录中间件

/api/* 专属 X-API-Middleware 头

Functions

复杂场景

模块导入链 A→B→C

三层深层模块依赖链 (4 文件)

Functions

嵌套动态路由

/api/user/42/posts/2 → 双参数提取

Functions

TS + NPM 组合

.ts 文件 bare import (esbuild 双路径)

TS+NPM

复杂查询参数

分页、排序、重复参数、编码

Functions

请求体 JSON

application/json 解析

Functions

请求体 Text

text/plain 解析

Functions

错误处理

不同错误类型与状态码

Functions

Cookie 操作

读取请求 Cookie + Set-Cookie 响应

Functions

流式响应

ReadableStream 逐块输出 JSON

Functions

极限挑战

TSX + NPM 三路交汇

.tsx + bare import + JSX pragma 终极组合

极限

多 NPM 包同文件

nanoid + date-fns 双包 esbuild 打包

极限

Content Negotiation

Accept 头内容协商（JSON/XML/HTML/Text）

极限

FormData 解析

multipart/form-data 表单解析

极限

目录 index 隐式解析

import './math/' → 自动解析 index.js

极限

三层动态路由

/api/electronics/laptops/789 三参数

极限

HEAD / OPTIONS 方法

HEAD 无 body、OPTIONS CORS 预检

极限

二进制响应 SVG

动态生成 SVG 图片 / CSV 下载

极限

跨文件 TS 类型导入

import interface/type 跨 .ts 文件

极限

复杂 JSX 组件树

条件渲染 + 列表 map + 多级嵌套

极限

超越极限

终极全能测试

.tsx + TS泛型 + JSX + 2个NPM包 + 跨文件类型 + 模块链 + crypto.subtle + 复杂组件树

超越极限

跨文件 NPM 依赖链

.ts → 本地 .ts → NPM 包（三路编译路径串联）

超越极限

中间件数据流

context.data 跨中间件链传递（全局→API→路由）

超越极限

TypeScript 高级类型

条件类型 + infer + 映射类型 + 模板字面量类型

超越极限

边界探索

动态路由 + TSX + NPM

functions/api/[template]/render.tsx 三合一

边界

跨扩展名导入链

.js → .ts → .tsx → .jsx 无扩展名 import

边界

Barrel File Re-export

export * / export {} / export {} as 别名

边界

3 NPM 包同文件

nanoid + date-fns + hash.js 三包打包

边界

深层动态路由中间件

4 层中间件链（全局→API→[id]→路由）

边界

动态 import() + side-effect

import("...") 和 import "..." 两种语法

边界

一键批量测试

点击按钮自动测试所有端点，生成测试报告：