? 之前我讓公司的開發團隊做了前后端分離,前后端的調用協議通過swagger來設計,swagger可以導出后端可用的java代碼,于是就想了,如果也能生成前端使用的axios代碼就好(swagger原生支持許多客戶端代碼生成,但目前還沒有axios的)。
? 到github上找了一上,發現一哥們寫了個swagger-vue,可使用swagger生成基于axios的網絡請求代碼,于是乎,下了他的代碼下來研究,這個哥們的東西寫的不錯,地址在這兒 。不過這哥們的東西下下來,還是要自己處理處理,為了方便有需要的朋友們能直接下載就可以用,我在他的東西上整理了一下,需要的哥哥們下載下來,把swagger.josn文件復制到目錄下,運行幾行命令就可以生成api請求代碼了。
項目文件目錄如下:
swagger-axios-converter
--lib
----codgen.js
----parse.js
----template
------api.hbs
------method.hbs
------methods.hbs
--Gruntfile.js
--index.js
--package.json
--package-lock.json
--README.md
復制swagger.json到swagger-axios-converter目錄下
-
運行以下命令初始化項目
npm init
-
安裝grunt
npm install grunt --save-dev
-
安裝 swagger-vue
npm install swagger-vue --save-dev
-
生成api.js文件
grunt vue
到這里,你就可以在swagger-axios-converter目錄下發現多了一個vue-api-client.js文件,這個文件就是生成的axios客戶端api請求代碼喲!對于這個文件怎么使用什么的就不多說了,你了可以去看這里https://github.com/chenweiqun/swagger-vue