SuperAPI AI 工具集

har-to-vue

前端与建站

查看项目

更新于 10-15 21:36

技能介绍

用途:把浏览器抓包得到的 HAR 文件转换为 Vue 源代码,支持批量处理网络请求,生成可复用的 Vue 组件、API 服务或完整页面,用于复刻网站或基于现有 API 快速搭建 Vue 应用。

主要能力:提供三种转换模式。Component 模式把请求转为 Vue 组件,生成响应式状态、数据获取逻辑和基于 JSON 结构的模板,可选 Composition 或 Options API、TypeScript 类型、从请求参数生成 props。API 模式把请求转为 API 服务函数,生成函数、类型定义、请求/响应接口和错误处理,可选 fetch、axios、ky 客户端及基础 URL、分组策略。Page 模式生成完整页面,含页面组件、路由配置、API 服务、类型定义和 Pinia/Vuex 状态管理集成。

使用方式:通过 bun 脚本调用,例如 bun scripts/har_to_vue.ts input.har -o output.vue;批量转 API 用 --mode api -o services/;生成组件用 --mode component --template composition -o components/;生成页面用 --mode page -o pages/home/。支持 --typescript、--with-props、--library、--base-url、--group-by、--with-router、--with-store、--layout 等选项,以及 --filter-domain、--exclude-extensions、--methods 过滤请求,--template-file 定制模板,并可用 har-to-vue.config.json 配置文件。

适用场景:从抓包数据生成 Vue 代码、批量转换多个请求为 API 服务、复刻网站组件或页面。

限制:资料未提供运行环境版本要求、性能与兼容性说明、收费信息及具体效果保证;生成结果建议人工清理与优化类型、错误处理和环境变量配置。