实验：Pages 调用 Workers

这个实验展示 Pages 页面如何调用独立部署的 Cloudflare Workers 函数。

前端代码

在 VitePress Markdown 中可以直接写 Vue 组件。本教程站点已经内置了一个可复用组件：

<WorkerDemo />

它会调用两个 Workers 接口：

GET /api/greeting
GET /api/calculate?a=2&b=3

为什么使用独立 Workers 地址

当前项目把 Pages 和 Workers 分开部署：

• Pages：承载 VitePress 教程站点
• Workers：承载 API 函数

所以前端组件中会请求 Workers 的完整地址，而不是 Pages 内部的 /api/demo。

预期结果

点击“调用问候函数”后，页面会显示类似：

{
  "message": "konichiha，konosubarashiisekai"
}

点击“调用计算函数”后，页面会显示类似：

{
  "a": 2,
  "b": 3,
  "result": 30,
  "formula": "(a+b)*a*b"
}

a b