Mock模拟数据调整

build/webpack.base.conf.js

  },
  externals: {
    // 打包生产环境时, 排除mockjs模拟数据组件
    mockjs: 'mockjs'
    mockjs: 'Mock'
  }
}

index.html

    </script>
  <% }else { %>
    <!-- 开发环境 -->
    <script src="https://cdn.bootcss.com/Mock.js/1.0.0/mock-min.js"></script>
    <script src="./static/config/index.js?v=<%=new Date().getTime()%>"></script>
  <% } %>
</head>

package.json

    "gulp-replace": "0.6.1",
    "gulp-shell": "0.6.5",
    "lodash": "4.17.5",
    "mockjs": "1.0.0",
    "vue": "2.5.2",
    "vue-cookie": "1.1.4",
    "vue-router": "3.0.1",

src/mock/index.js

import Mock from 'mockjs'
import requestUrl from '@/api/requestUrl'
import './modules/common'
// import * as common from './modules/common'
var data = {
  code: 0,
  token: Mock.Random.guid()
var addModule = (mods) => {
  for (var key in mods) {
    var mod = mods[key]()
    Mock.mock(requestUrl(mod.url), mod.type, mod.data)
  }
}
Mock.mock(requestUrl('/sys/login'), 'post', data)
export default Mock
addModule(require('./modules/common'))
// Mock.mock(requestUrl('/sys/login'), 'post', common.login)

src/mock/modules/common.js

// 登录
export function login () {
  var res = {
    code: 1,
    name: 'daxiong'
  return {
    url: '/sys/login',
    type: 'post',
    data: {
      code: 0,
      expire: 60 * 60 * 12,
      msg: 'success',
      token: Mock.Random.guid()
    }
  }
  Mock.mock('/sys/login', 'post', res)
}

src/views/login/index.vue

              'captcha': this.dataForm.captcha
            }
            API.common.login(params).then(({data}) => {
              console.log(data)
              if (data && data.code === 0) {
                this.$cookie.set('token', data.token)
                this.$cookie.set('token', data.token, { expires: `${data.expire || 0}s` })
                this.$router.replace({ name: 'home' })
              } else {
                this.getCaptcha()