开箱即用的Vue 框架

最近工作正式使用 Vue（来迟一步），寻到一个容易上手的Vue 框架：

使用 | Vue Antd Admin 貌似是蚂蚁金服技术支持

 他的官网有详细文档，略....

 入坑指南

1. 假如你是Vue 小白， 如何接入 后端接口？，先从 干掉 mock 开始

src/main.js  找到 import '@/mock' ，，然后注释掉 它。 然后登录后 就会报错，，然后让你的后端接口 按报错一个一个 恢复。数据格式 参考 src/mock/user/login.js （以登录为例），mock 代码如下：

  let result = {data: {}}
  const {name, password} = JSON.parse(body)

  let success = false

  if (name === 'admin' && password === '888888') {
    success = true
    result.data.permissions = [{id: 'queryForm', operation: ['add', 'edit']},{id:"form/action/lists"}]
    result.data.roles = [{id: 'admin', operation: ['add', 'edit', 'delete']}]
  } else if (name === 'test' || password === '888888') {
    success = true
    result.data.permissions = [{id: 'queryForm', operation: ['add', 'edit']}]
    result.data.roles = [{id: 'test', operation: ['add', 'edit', 'delete']}]
  } else {
    success = false
  }

  if (success) {
    result.code = 0
    result.message = Mock.mock('@TIMEFIX').CN + '，欢迎回来'
    result.data.user = user
    result.data.token = 'Authorization:' + Math.random()
    result.data.expireAt = new Date(new Date().getTime() + 30 * 60 * 1000)
  } else {
    result.code = -1
    result.message = '账户名或密码错误（admin/888888 or test/888888）'
  }
  return result