pont简介
一种前端提效工具,可根据Swagger在前端项目自动生成接口文件夹,结合插件,在接口传参和返回值都有相应提示,自动接入mocks开发也比较方便,内含通用的fetch或hooks请求,也可使用自己的接口请求,大大提升了前端开发联调效率。
使用方式
- 在 vscode 中安装 vscode 插件 pont
- 安装 pont-engine
npm i -g pont-engine
npm i -D pont-engine
- 在你的项目中运行
pont start命令,按照提示输入配置完成接入 - 修改pont-config.json,将originUrl改为数组模式。
"origins": [
{
"name": "",
"originUrl": "",
"originType": ""
}
],
- 接口生成完毕,推荐在接口文件夹的 index.js 里创建 window.API 全局变量,使用时根据提示无需引入
API.plant.user.queryAreaInfos.request({}).then((res) => {
});
-
找不到全局变量时需要配置 tsconfig.json 的include,将 api.d.ts 放到数组最前面
-
proxy代理可采用项目自带配置,也可创建proxy.config.ts,参考 github.com/nuxt-commun…
-
常见问题和注意事项:yuque.antfin-inc.com/docs/share/…
-
其他类似开源库:www.npmjs.com/package/ope…