Mockjs基本使用

简介: Mockjs基本使用

title: mockjs

tags:

  • mockjs
  • mock
  • js库
    categories:
  • JavaScript
    abbrlink: 25c5823c
    date: 2023-02-15 23:29:31


介绍


生成随机数据,拦截 Ajax 请求


使用


import axios from "axios";
import Mock from "mockjs";

Mock.mock("http://localhost:3000/api", {
  "data|5": [
    {
      "id|+1": 1,
      name: "@cname",
      "age|18-28": 1,
    },
  ],
});

axios.get("http://localhost:3000/api").then((res) => {
  console.log(res.data);
});


输出


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2lYBFebR-1677494065470)(http://qiniu.yujing.fit/typora_img/image-20230215233230950.png)]


相关链接



相关文章
|
7月前
|
JavaScript
JS中every的简单使用
JS中every的简单使用
|
前端开发 中间件
74 # koa 的基本使用
74 # koa 的基本使用
44 0
|
2月前
|
JSON 前端开发 API
mock基本使用
【10月更文挑战第4天】
45 1
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的邮件过滤系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的邮件过滤系统附带文章源码部署视频讲解等
37 0
|
6月前
|
JavaScript
|
缓存 API 数据安全/隐私保护
vue3+ts项目搭建和封装(下篇)
vue3+ts项目搭建和封装(下篇)
|
7月前
|
JSON JavaScript 前端开发
axios基本使用
axios基本使用
52 0
|
JavaScript
Axios简单使用与配置安装-Vue
Axios简单使用与配置安装-Vue
|
前端开发
Egg.js 项目中怎么使用前端模板
Egg.js 项目中怎么使用前端模板
234 0
Egg.js 项目中怎么使用前端模板
|
前端开发 JavaScript
JS之MockJS快速入门(超详细)
JS之MockJS快速入门(超详细)
1114 0
JS之MockJS快速入门(超详细)
下一篇
DataWorks