🛠️准备工作

获取第三方数据源凭证 (Token)

学习如何安全地提取本地合法授权凭证(Request Headers),以便将您的第三方设计平台数据接入 VectoUI。

最后更新:2026/4/8

⚠️ 合规与免责声明 VectoUI 是一款中立的本地化编译引擎。为了拉取您在第三方平台(如蓝湖)的设计资产,您需要提供您本人的合法访问凭证(Request Headers)。 以下教程使用第三方开源 Chrome 插件进行本地数据提取。VectoUI 不提供抓包服务,也不收集、不存储您的任何凭证数据。请确保您拥有访问目标数据的合法权限。

第一步:安装开源提取插件

请在基于 Chromium 内核的浏览器(如 Chrome, Edge)中,安装由开源社区提供的请求头提取工具: 👉 点击此处前往 Chrome 网上应用店安装「API Request Fetcher」

第二步:配置提取规则

安装完成后,点击浏览器扩展栏中的插件图标,进入设置页面,填写以下规则:

  • 目标域名: 填写 lanhuapp.com
  • 自定义提取字段: 将以下字段完整复制并粘贴到输入框中: sec-ch-ua-platform,sec-ch-ua-mobile,sec-ch-ua,authorization, cookie,referer,accept,user-agent

第三步:获取并复制凭证

  1. 在浏览器中打开蓝湖官网并登录您的账号
  2. 进入您的团队空间,请先点开任意一个具体的设计稿件,等待页面加载完毕后,再返回到团队目录或项目主页。(此操作是为了确保插件能捕获到完整的鉴权网络请求)
  3. 此时,点击浏览器右上角的「API Request Fetcher」插件图标。
  4. 插件会自动捕获当前页面的合法授权信息。点击面板下方的 “复制结果” 按钮。

📌 提取结果示例: 复制出来的数据应为 JSON 格式,结构如下所示(出于安全考虑,示例中的鉴权 Token 及 Cookie 等敏感信息已打码):

{
  "accept": "application/json, text/plain, */*",
  "authorization": "Basic [您的授权凭证信息]...",
  "cookie": "[您的Cookie信息]...",
  "referer": "[https://lanhuapp.com/](https://lanhuapp.com/)",
  "sec-ch-ua": "\"Chromium\";v=\"146\", \"Not-A.Brand\";v=\"24\", \"Google Chrome\";v=\"146\"",
  "sec-ch-ua-mobile": "?0",
  "sec-ch-ua-platform": "\"macOS\"",
  "user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36"
}

下一问

看完准备文章后,下一问通常会继续到接入、状态和异议处理

准备文章解决的是前置条件,不应该把后续接入、状态判断和异议处理继续压在同一页里。

01

进入接入指南

如果准备条件已满足,下一步通常就是具体接入步骤。

查看接入指南
02

再核对 released / Beta 状态

如果你还不确定这条链路当前的成熟度,先回路线图确认。

查看路线图
03

遇到注册或计费异议就回 FAQ

邀请码、计费和常见异常不该继续堵在准备文章里。

查看 FAQ
获取第三方数据源凭证 (Token) — VectoUI 接入文档与排查指南 | VectoUI