mock.js的基本使用

最新推荐文章于 2024-08-13 17:03:54 发布

windFuturte

最新推荐文章于 2024-08-13 17:03:54 发布

阅读量933

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/qq_35881988/article/details/85919757

版权

本文介绍了Mock.js的基本用法，包括如何引入、配置Ajax请求的拦截行为，以及数据模板和占位符的定义规范，还提到了Mock.Random内置的支持和扩展功能。

摘要由CSDN通过智能技术生成

mock.js用于拦截Ajax请求，产生随机数据并返回

引入

npm install mockjs//安装

import Mock from 'mockjs'//引入

基本使用

//根据数据模板生成模拟数据
//Mock.mock( template )
let data=Mock.mock({
   'evaluate|1-5': '★'})// { evaluate: "★★★" }
//data=> { evaluate: "★★★" }


/**
 * 拦截相应 url 的 Ajax 请求时，并根据数据模板生成模拟数据，
 *并作为响应数据返回。
 */

//Mock.mock( url, template )
Mock.mock('/api/evaluate', {
   
  'evaluate|1-5': '★'
})


//Mock.mock( url, function( config) )
Mock.mock('/api/evaluate', config => {
   
  return {
   'evaluate|1-5': '★'}
})//当匹配后执行一个函数


//Mock.mock( url, type, template )
Mo