2022-07-01 mockjs学习笔记:mock的下载和引入,在vue项目中引入mock

1.简介

Mockjs 是一款模拟数据生成工具，模拟 Ajax 请求，通过随机生成数据,
模拟各种业务场景并返回模拟数据，帮助前端在后台未提供接口时实现独立开发。
Mockjs支持的随机数据类型很丰富，包括文本、数字、布尔值、日期、邮箱、链接、图片、颜色等

2.安装和官网

安装命令:npm install mockjs -D
官网:http://mockjs.com/examples.html

3.文件结构

vue脚手架中的mock:

import Mock from 'mockjs';
import {
   USER_API} from '@/components/demos/api.url'

Mock.mock(USER_API.getUser, {
   
  user: {
   
    name: 'chow'
  }
});

创建 mock.config.js，作为配置文件，用来配置拦截 ajax 请求是的响应时间

import Mock from 'mockjs'

Mock.setup({
   
  timeout: '300-1000'
});

创建 mock.js，作为顶层入口文件，引入各个具体业务的 mock 文件和配置文件 mock.config.js

import './mock.config';

import './components/demos/demo9/mock';

在 mock.config.js 中还可以预置一些常用的用于生成默认数据形态的方法

然后项目的入口文件 main.js 中引入入口文件 mock.js（关键）

import './mock'