首页 >> 大全

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

2023-09-13 大全 29 作者:考证青年

前言

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

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

还是不会配置使用mock,就推荐用,

所有前端项目都可以用管你啥jb框架,统统都搞定ojbk。就有人问了,,为啥要本地部署啊,在线用不行吗?(当然行,你说啥都是对的)

原因有下

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

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

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

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

罗马2象兵怎样造_列王的纷争战象兵在哪里造_

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

安装教程:

Redis安装教程:

tips小提示 检查是否安装成功 安装

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

配置文件

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

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

{"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

列王的纷争战象兵在哪里造_罗马2象兵怎样造_

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

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

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

作者相关Vue文章

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

vue2.0-基于换肤[自定义主题]

前端文档汇总

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

打赏 衷心的表示感谢

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了