Mock是一个用于模拟数据的JavaScript库，可以根据需要生成各种数据类型的模拟数据，可以配合json server使用

并且可以使用拦截ajax请求来模拟后端API接口。

JSON Server则是一个使用JSON文件来模拟RESTful API的工具 

1分钟学会使用json-server - 掘金json-server它可以模拟小型后台接口，在一个JSON文件中操作数据，是基于的node.js的一个模块 比如我在学习axios，就可以用json-server来模拟接口https://juejin.cn/post/7088666061339361293如果上边方法安装不了，启动不了报错，那可能是node版本问题，解决入下

报错：：：

json-server : 无法将“json-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
所在位置 行:1 字符: 1
+ json-server -v
+ ~~~~~~~~~~~
    + CategoryInfo          : ObjectNotFound: (json-server:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

`安装json-server, node -v = 16.19.1, npm -v = 6.14.11`

# npm i json-server

`查看版本`

# npx json-server --version

`启动需要在 db.json文件目录下`

# npx json-server --watch db.json

	=> 默认安装到运行环境： # npm i 模块名
    => 安装到开发环境：# npm i 模块名 -D
    => 安装到全局环境： # npm i 模块名 -g


npm i mock -D

模拟数剧：：：

 报错mock.js

无法找到模块“mockjs”的声明文件。
“e:/Desktop/react/haha/node_modules/mockjs/dist/mock.js”隐式拥有 "any" 类型。
  尝试使用 `npm i --save-dev @types/mockjs` 
(如果存在)，或者添加一个包含 `declare module 'mockjs';` 的新声明(.d.ts)文件ts(7016)

import Mock from 'mockjs'
// 使用 Mock
// var Mock = require('mockjs')
var data = Mock.mock({
    // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数，起始值为 1，每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

 

中文名字

name: '@cname'

省市区

address: 'county(true)'

邮箱

email: '@email'

生成占位图片

@image(100*100, @color)

base64图片编码是传递图片了，不是网络图片了

控制台右键复制数据，

粘贴到 jsonserver里，

如果格式挤压，就 shift + alt + f

或者：右键格式化文档

模拟接口：：：

发送请求：

请求要小写：get post