生成随机数据,拦截 Ajax 请求
数据模板:http://mockjs.com/examples.html#Random.url()html
<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) } })
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引入vue
import './mock'