Vue项目根据OpenAPI自动生成请求后端接口ts文件

Vue项目根据OpenAPI自动生成请求后端接口ts文件

Vue项目根据OpenAPI自动生成请求后端接口ts文件

1. 安装依赖

   npm i --save-dev @umijs/openapi
   ​
   npm i --save-dev tslib
   

2. 新建自定义的ts文件 在前端项目的根目录下新建 openapi2ts.config.ts，根据需要定制生成的代码

   export default {
     requestLibPath: "import request from '@/request'",
     schemaPath: 'http://localhost:8123/api/v3/api-docs',
     serversPath: './src',
   }
   

   注意： 需要将 schemaPath 改为后端服务提供的Swagger接口文档地址，生成代码前需要确保后端已启动

3. 添加脚本命令 在package.json的 scripts中添加openapi2ts:openapi2ts。 执行脚本即可生成代码，以后每次后端接口变更时，只需要在执行一次脚本即可