mockjs 前后端分离

生成随机数据，拦截 Ajax 请求
数据模板:http://mockjs.com/examples.html#Random.url()

一、用法通过cdn ,用script直接引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="http://mockjs.com/dist/mock.js"></script>
//mock配置，注意路径，没有写get或是post。
Mock.mock('/list',{
    'name|3':'fei',//这个定义数据的模板形式下面会介绍
    'age|20-30':25,
})//参数模拟
Mock.setup({
    timeout :"2000-4000"
})//延迟模拟
//这是用axios发请求
 axios.post("/list").then(function(res){
       console.log(res)
      }).catch(function(err){
          console.log(err)
      })
//这是用ajax请求。
 $.ajax({
      url:"/list",
      type:"POST",
      dataType:'json',
         success:function(e){
            console.log(e)
         }
     })

二、用在vue-cli里用import引入，在main.js同级建的mock.js

import Mock from "mockjs"
Mock.mock('/list',{
    'name|3':'fei',//这个定义数据的模板形式下面会介绍
    'age|20-30':25,
})
Mock.setup({
    timeout :"2000-4000"
})

export  default   Mock

暴露的mock在main.js里也要用import引入

import './mock'

发请求同上