前端 API 接口数据模拟 (Mock)

在前端开发的过程中，会碰到以下一些问题：

为了解决此类问题，需要使用 mock 数据和 mock 服务器来提供支持。

很多前端框架，如 Reactor、 Angular、Vue 等都带有 mock 服务，以方便开发，这里介绍的是一个独立的小工具，可以在开发者自己的机器上方便的部署和运行，模拟后端接口的返回，以方便前端模拟各种数据。特性如下：

该数据即 files 目录下面 _api_heartbeat_getjson 的内容。

直接按快捷键 CTRL+C 来停止。

GET >通常前端开发的时候，我们的页面已经开发完成。但是后端的接口不一定已经写完就了。这时候我们就可以自己去伪造一些符合规范的数据，用于前期的测试，等到后端接口完成的时候我们可以在进行一个接口联调。

对于我们前端来说，我们天生就会一个后端开发语言，nodejs即可实现。

我们只需要创建一个简易服务器，对请求路径进行判断，返回对应的mock数据。

Mockjs可以快速通过模板生成数据。

>1、node_modules只是放一些依赖包，具体数据库文件当然是放在mysql目录下了。
2、要在不开编辑器前提下，使系统可访问，你只要在控制台中定位到你系统的目录后，使用node命令来启动即可

Mock Collection创建完成之后，下图这个页面的url就是mock server的域名，复制下来，后面拼上接口路径就能访问mock数据了（当然这一步在最后去做）

ps：创建mock server和examples的顺序是可以调换的，具体过程中遇到的问题找度娘大部分都可以解决，mark一下，有不当之处欢迎指正。

mock数据指的模拟数据，mock中文翻译愚弄，嘲笑。

实现mock数据如下：

首先在根目录下创建一个mock文件，该文件下有indexjson(存放模拟数据)。

然后在根目录下新建一个 vueconfigjs 文件，这文件是调整 webpack 配置最简单的方式，将会被 webpack-merge 合并入最终的 webpack 配置中。 在 vueconfigjs 中编写以下内容：

然后在组件中：

好吧作为一名菜鸟，虽然实现了简单的axios+mock数据,但有很多不懂；
继续参考： CSDN

博客 无脑复制
官方： >

如何创建mock>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/12807457.html