mock2js

Mock.js

Mock.js is a simulation data generator to help the front-end to develop and prototype separate from the back-end progress and reduce some monotony particularly while writing automated tests.

The official site: http://mockjs.com

Demo

mock.js

import Mock from 'mock2js'

const rules = {
  // Support type as Object and Array
  'GET /api/users': {users: [1, 2]},

  '/api/users/1': {id: 1},
  '/api/users/2': (req, res) => {
    setTimeout(() => {
      res.send({id: 2, name: 'jack'})
    }, 3000)
  },

  'POST /api/users/create': () => {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve('ok 123')
      }, 1000)
    })
  },
};

Mock.mockWithRules(rules);

main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import '../mock'


/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
});

ajax:

axios.get('/api/users/2').then(res=>{
  console.log(res.data);
})

Features

• Generate simulated data according to the data template
• Provide request/response mocking for ajax requests
• Generate simulated data according to HTML-based templates

This library is loosely inspired by Elijah Manor's post Mocking Introduction, mennovanslooten/mockJSON, appendto/jquery-mockjax and victorquinn/chancejs.

Questions?

If you have any questions, please feel free to ask through New Issue.

Reporting an Issue

Make sure the problem you're addressing is reproducible. Use http://jsbin.com/ or http://jsfiddle.net/ to provide a test page. Indicate what browsers the issue can be reproduced in. What version of Mock.js is the issue reproducible in. Is it reproducible after updating to the latest version?

License

Mock.js is available under the terms of the MIT License.