Mock2js NPM | npm.io

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?