前端项目快速生成接口及TS模型

117 阅读1分钟

swagger-to-api-v3

只关注生成axiox 风格接口及TS模型
对业务侵入性极小,请求函数由外部自定义,方便处理全局拦截器等操作
对每个接口开放axios config配置项,生成的请求函数扩展性高

配置使用

pnpm add swagger-to-api-v3
or
npm install swagger-to-api-v3

在项目目录下新建 :parseapi.js

const GenerateSwaggerApi = require("swagger-to-api-v3")
// 请求 url 生成请求api
const createApi = new GenerateSwaggerApi({
    url: "https://petstore.swagger.io/v2/swagger.json",
    // 可选: 自定义引用request请求函数的路径 
    requirePath: 'import { request } from "@/utils/service"\n\n',
})
createApi.generate_api()

在package.json内添加scripts命令

  "scripts": {
    "create:api": "node parseapi.js"
  }

命令行输入

npm run create:api
or
pnpm create:api

生成效果

根据controller分别在各个文件夹下生成相应api

image.png

请求文件

image.png