使用Ant Design Pro開發(fā)時的一個快速開發(fā)接口的技巧

當(dāng)我們的后端在寫好接口以后，我們通過swagger + knife4j可以生成一個接口文檔，后端啟動以后，可以生成一個接口文檔，當(dāng)輸入地址 localhost:8101/api/v3/api-docs （這里重要的地址是后面的/v3/api-docs,前面的就需要根據(jù)自己電腦后端端口以及地址改變）就可以訪問openapi規(guī)范的接口文檔了。然后我在前端只要把這個地址喂給前端，在前端就可以生成接口方法，如果是ts的就會有相應(yīng)的類型定義。

現(xiàn)在我們來實操一下。

配置

首先在ant Design Pro框架生成的代碼中，找到 config 下面的 config.ts 在文件中找到openAPI 部分，然后對openAPI 中的內(nèi)容進(jìn)行一個修改。

reqeustPath 這個不用管，它直接不改就行了

schemaPath 這個就是 api-docs 的地址

projectName: 就是取得接口項目名字

運(yùn)行

這里配置好了就可以到 package.json 文件中找一個運(yùn)行的入口，openapi，點擊綠色的開始就行了，然后他就會幫你生成好你想要的接口請求，以及類型定義。

出現(xiàn)結(jié)果：