微信小程序 Mock假数据接口

微信小程序 Mock假数据接口

1. 插件=> Mockjs

npm install mockjs
npm install -g bower(不确定是否必要)
bower install --save mockjs(不确定是否必要)

2. 在项目中 随意找个地方 新建 _mock.js 文件 ， 里面写mock接口，如下，第一个参数为 正则语法 ， mock 会拦截 符合条件的接口，返回第二个参数。

3. 插件 @shymean/mock-server

# 全局安装

npm i @shymean/mock-server -g
快速启动mock服务器
mock -p 9999 -f ./_mock.js
参数说明

port，服务器端口号，默认7654，简写 -p;
上面我们写了9999,自定义的就是9999
file，mock模板文件路径，默认./_mock.js，简写 -f
实际操作如下: 找到 文件所在位置 打开 powershell!


可以看到 我们起了一个 mock 服务 ， 监听的端口是 9999 ， 所以我们要去修改 请求的 端口 才能被 mock 正确拦截到，所以接口访问的 域名应该是 http://127.0.0.1:9999 或者 localhost:9999

4 最后一步 上代码

写下 mock 接口

在调用接口页面 引入 自己的 _mock.js

最后 拿到数据(微信小程序开发工具 , 我是 用的wepy框架 在里面调用)

备注: 以下为参考网站 谢谢 他们的创作!
[1]:https://www.npmjs.com/package/@shymean/mock-server?activeTab=readme
[2]: https://blog.csdn.net/kabuda0311/article/details/81671073
[3]:https://www.npmjs.com/package/@shymean/mock-server?activeTab=readme