Demo / Frontend Direct

不经过本站后端,也能接外部能力

有些能力完全可以在前端直接请求第三方接口,不必把所有事情都压到本站后端。 这样代码更少,职责也更清晰。这个页面就是一个可直接复用的参考模式。

Browser Fetch

前端直接请求第三方 API

这里没有经过本站后端,而是直接由浏览器请求 GitHub API。你后面接一些公开接口时, 可以沿用这个模式,减少自己后端的中转逻辑。

fetch("https://api.github.com/repos/owner/repo")

这个 demo 选择 GitHub API,是因为它公开、稳定、浏览器侧可直接调用,适合演示你说的“前端直连第三方服务”。

返回结果

实时数据面板

输入一个 GitHub 仓库名,比如 facebook/react, 然后直接从浏览器发起请求。