为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Vue.js

前言

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


webp

loEv-hikcahh3016251.jpg

我就回答他,你今天会在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/mongodb-window-install.html

Redis安装教程:http://www.runoob.com/redis/redis-install.html

tips小提示

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

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

检查是否安装成功

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

  • mongodb 找到安装后的文件夹(一般默认是在C:\Program Files\MongoDB\Server\4.0\bin里面),双击mongo.exe输入db回车显示test数据库就成功了

    webp

    db.png

  • 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

webp

run.png

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

webp

mock.png

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



作者:nxmin
链接:https://www.jianshu.com/p/389e73556096


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消