easy-mock 本地部署(挤需体验三番钟，里造会干我一样，爱象节款mock)

YacaToy 发布于2019-08-23 11:58 / 3614人阅读

摘要：安装配置文件找到，或者创建一个文件，将如下需要替换的字段换成自己的配置即可。默认是不需要修改配置文件的不同环境会加载不同的配置文件，在此之前你应该对有所了解。学习群，美女多多。老司机快上车，来不及解释了。

前言

很多小伙伴问我怎么在自己公司的项目里面添加配置mock,在vue项目里面都知道怎么配置mock,在大型前端项目里面就一脸疑惑了。

我就回答他，你今天会在vue项目里面用，那天换公司是用angular、react,webix...等等

还是不会配置使用mock,就推荐用easymock,
所有前端项目都可以用管你啥jb框架，统统都搞定ojbk。就有人问了,easymock,为啥要本地部署啊，在线用不行吗？(当然行，你说啥都是对的)

原因有下

1 easymock官网常挂,导致开发进展停止(完不成任务就等着加班吧)

2 有小伙伴们是外包公司，不能用外网(mmp外网都没有，我怎么谷歌编程？)

3 万一那天easymock把你们的重要等信息丢失了(你告他也么有用)

快速开始(去幼儿园的车要发车了，快上车系好安全带)

在开始之前，假设你已经成功安装了 Node.js（>= v8.9）& MongoDB（>= v3.4）& Redis（>= v4.0）。

MongoDB安装教程：http://www.runoob.com/mongodb...

Redis安装教程：http://www.runoob.com/redis/r...

tips小提示

node.js和mongodb安装的时候一般一直next下去就可以了。

redis下载下来是压缩包,解压就行了

检查是否安装成功

node.js能用npm就成功了,或者输出node版本

mongodb 找到安装后的文件夹（一般默认是在C:Program FilesMongoDBServer4.0in里面），双击mongo.exe输入db回车显示test数据库就成功了

redis检查是否成功看上面的安装教程就有非常简单的。

安装

$ git clone https://github.com/easy-mock/easy-mock.git
$ cd easy-mock && npm install

配置文件

找到 config/default.json，或者创建一个 config/local.json 文件，将如下需要替换的字段换成自己的配置即可。(默认是不需要修改配置文件的)

不同环境会加载不同的配置文件，在此之前你应该对 node-config 有所了解。

{
  "port": 7300,//easymock项目启动的端口
  "host": "0.0.0.0",
  "pageSize": 30,
  "proxy": false,
  "db": "mongodb://localhost/easy-mock",// 不需要自己新建数据库，在启动的easymock新建接口即可
  "unsplashClientId": "",
  "redis": {
    "port": 6379,//redis端口
    "host": "localhost"
  },
  "blackList": {
    "projects": [], // projectId，例："5a4495e16ef711102113e500"
    "ips": [] // ip，例："127.0.0.1"
  },
  "rateLimit": { // https://github.com/koajs/ratelimit
    "max": 1000,
    "duration": 1000
  },
  "jwt": {
    "expire": "14 days",
    "secret": "shared-secret"
  },
  "upload": {
    "types": [".jpg", ".jpeg", ".png", ".gif", ".json", ".yml", ".yaml"],
    "size": 5242880,
    "dir": "../public/upload",
    "expire": {
      "types": [".json", ".yml", ".yaml"],
      "day": -1
    }
  },
  "fe": {
    "copyright": "",
    "storageNamespace": "easy-mock_",
    "timeout": 25000,
    "publicPath": "/dist/"
  }
}

启动

$ npm run dev
# 访问 http://127.0.0.1:7300

这个时候我们随便打开一个接口预览，复制url用postman测试接口ok

更多的需求配置，详情看官网文档，我就不多一一说了。

Vue学习群493671066，美女多多。老司机快上车，来不及解释了。

作者相关Vue文章

基于Vue2.0实现后台系统权限控制

[vue2.0-基于elementui换肤[自定义主题]](https://blog.csdn.net/qq_3234...

前端文档汇总

VUE2.0增删改查附编辑添加model(弹框)组件共用

打赏衷心的表示感谢

云服务器 GPU云服务器爱象节款本地服务器和云服务器配置一样会干腾讯云服务器体验系统部署

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97762.html

windows本地安装部署 Easy Mock

摘要：在前后端分离的开发方式下，后端如果暂时没数据，前端为了开发方便可以使用模拟数据来对付一下，目前提供模拟数据的平台已经有不少，大多数都是自带管理的，比如甚至我们可以本地用自己写其中比较小清新，使用起来也方便点，缺点就是没有的分组功能，但平在前后端分离的开发方式下，后端如果暂时没数据，前端为了开发方便可以使用模拟数据来对付一下，目前提供模拟数据的平台已经有不少，大多数都是自带Api管理的...

jaysun 2019-06-26 17:49 评论0 收藏0
windows本地安装部署 Easy Mock

摘要：在前后端分离的开发方式下，后端如果暂时没数据，前端为了开发方便可以使用模拟数据来对付一下，目前提供模拟数据的平台已经有不少，大多数都是自带管理的，比如甚至我们可以本地用自己写其中比较小清新，使用起来也方便点，缺点就是没有的分组功能，但平在前后端分离的开发方式下，后端如果暂时没数据，前端为了开发方便可以使用模拟数据来对付一下，目前提供模拟数据的平台已经有不少，大多数都是自带Api管理的...

王伟廷 2019-08-23 11:58 评论0 收藏0
如何构建通用存储中间层

摘要：并且数据同步后默认会保存下来，这样下次再请求时存储层中就有数据了。以下参数会传到中这么一来，存储层就和接口层对接起来了。五支持永久保存在某些场景下，可能不方便写过期时间，这时默认可以传递，标记该数据永不过期。零、问题的由来开门见山地说，这篇文章【又】是一篇安利软文~，安利的对象就是 tua-storage。顾名思义，这就是一款存储数据的工具。用 tua-storage 好处大大...

hersion 2019-08-26 13:24 评论0 收藏0
使用API自动生成工具优化前端工作流

摘要：在工作中，我们的前端工作流一般开始于前后端协商好文档之后，再针对这个文档做模拟数据，然后用做好的进行开发，后端开发完毕之后再改一下数据的切换到正式进行联调如下本文介绍的一个工具或者说方法，来将这个工作流优化一下，也是我平时工作正在用的方法，在工作中，我们的前端工作流一般开始于前后端协商好Api文档之后，再针对这个Api文档做mock模拟数据，然后用做好的mock进行开发，后端开发完毕...

GeekQiaQia 2019-08-26 13:26 评论0 收藏0