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)]


相关链接



相关文章
|
3天前
|
JSON 前端开发 JavaScript
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
90 0
|
7月前
|
前端开发 中间件
74 # koa 的基本使用
74 # koa 的基本使用
20 0
|
3天前
|
JavaScript API
Vue中axios拦截器怎么使用
Vue中axios拦截器怎么使用
|
3天前
|
JSON JavaScript 前端开发
axios基本使用
axios基本使用
34 0
|
9月前
|
JavaScript 前端开发 Java
Vue 的简单使用
学会 Vue 的入门使用
48 0
|
5月前
|
JavaScript
Axios简单使用与配置安装-Vue
Axios简单使用与配置安装-Vue
|
6月前
|
前端开发 JavaScript
Vue3+Vite简单使用
Vue3+Vite简单使用
47 0
|
JavaScript 网络架构
【Vue】vue项目搭建、ES6的简单使用(大觅)
【Vue】vue项目搭建、ES6的简单使用(大觅)
271 0
【Vue】vue项目搭建、ES6的简单使用(大觅)
|
前端开发 JavaScript
JS之MockJS快速入门(超详细)
JS之MockJS快速入门(超详细)
764 0
JS之MockJS快速入门(超详细)
|
JavaScript 前端开发 中间件
基于前端Vue整合NuxtJs框架的简单使用
基于前端Vue整合NuxtJs框架的简单使用,,新人可直接入手操作
394 0
基于前端Vue整合NuxtJs框架的简单使用