开发VUE前端调用Restful服务

• 创建VUE项目请参考开发VUE前端并挂载到AFCenter菜单文档内容

• 接口联调：

​ 更新接口，在scripts\config.js文件下配置swagger详情地址

module.exports = {
  modules: [
    {
      name: 'coframe',
      swaggerUrl: 'http://10.15.15.151:13083/afc/v2/api-docs'
    },
  ]
}

• 执行命令

npm run build:api

通过以上命令在前端项目src/action 生成前端controller,供前端业务逻辑调用，这里的代码不可修改,如后台接口发生变化,则重新执行命令即可。

​ 调用接口要混入BaseVue

import { BaseVue } from '@lib'
mixins: [BaseVue]
import { ...Controller } from '@controller'

在base\src\libs\crud下封装了经常使用的公共方法，使用时混入即可

import { List } from '@lib'
mixins: [List]

在base\src\views\common目录下，有封装好的全局组件，可以直接使用