swagger-vue-axios

Swagger to JS & Vue & Axios Codegen

Installation

1npm install swagger-vue-axios axios --save-dev

Generate

Using NodeJS file

1const swaggerGen = require('swagger-vue-axios')
2const jsonData = require('../api-docs.json')
3const fs = require('fs')
4const path = require('path')
5
6let opt = {
7  swagger: jsonData,
8  moduleName: 'api',
9  className: 'api'
10}
11const codeResult = swaggerGen(opt)
12fs.writeFileSync(path.join(__dirname, '../dist/api.js'), codeResult)

Generated client usage

In Vue.js main file set API domain

1import { setDomain } from './lib/api-client.js'
2import { setAxiosInstance } from './lib/api-client.js'
3setDomain('http://localhost:3000/api')
4setAxiosInstance(axios)

Import API function into Vue.js component, for example to log in

1import { user_login as userLogin } from '../lib/api-client.js'
2
3userLogin({
4  credentials: {
5    username: 'admin',
6    password: 'admin'
7  }
8}).then(function (response) {
9  console.log(response.data) // {id: "<token>", ttl: 1209600, created: "2017-01-01T00:00:00.000Z", userId: 1}
10})

All requests use axios module with promise, for more information about that follow axios documentation

Links

• swagger-js-codegen
• axios

License

MIT