摘要:安裝配置文件找到,或者創(chuàng)建一個(gè)文件,將如下需要替換的字段換成自己的配置即可。默認(rèn)是不需要修改配置文件的不同環(huán)境會(huì)加載不同的配置文件,在此之前你應(yīng)該對(duì)有所了解。學(xué)習(xí)群,美女多多。老司機(jī)快上車,來(lái)不及解釋了。
前言
很多小伙伴問(wèn)我怎么在自己公司的項(xiàng)目里面添加配置mock,在vue項(xiàng)目里面都知道怎么配置mock,在大型前端項(xiàng)目里面就一臉疑惑了。
我就回答他,你今天會(huì)在vue項(xiàng)目里面用,那天換公司是用angular、react,webix...等等
還是不會(huì)配置使用mock,就推薦用easymock,
所有前端項(xiàng)目都可以用管你啥jb框架,統(tǒng)統(tǒng)都搞定ojbk。就有人問(wèn)了,easymock,為啥要本地部署啊,在線用不行嗎?(當(dāng)然行,你說(shuō)啥都是對(duì)的)
原因有下
1 easymock官網(wǎng)常掛,導(dǎo)致開發(fā)進(jìn)展停止(完不成任務(wù)就等著加班吧)
2 有小伙伴們是外包公司,不能用外網(wǎng)(mmp外網(wǎng)都沒(méi)有,我怎么谷歌編程?)
3 萬(wàn)一那天easymock把你們的重要等信息丟失了(你告他也么有用)
快速開始(去幼兒園的車要發(fā)車了,快上車系好安全帶)在開始之前,假設(shè)你已經(jīng)成功安裝了 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安裝的時(shí)候一般一直next下去就可以了。
redis下載下來(lái)是壓縮包,解壓就行了
檢查是否安裝成功node.js能用npm就成功了,或者輸出node版本
mongodb 找到安裝后的文件夾(一般默認(rèn)是在C:Program FilesMongoDBServer4.0in里面),雙擊mongo.exe輸入db回車顯示test數(shù)據(jù)庫(kù)就成功了
redis檢查是否成功看上面的安裝教程就有非常簡(jiǎn)單的。
安裝$ git clone https://github.com/easy-mock/easy-mock.git $ cd easy-mock && npm install
配置文件
找到 config/default.json,或者創(chuàng)建一個(gè) config/local.json 文件,將如下需要替換的字段換成自己的配置即可。(默認(rèn)是不需要修改配置文件的)
不同環(huán)境會(huì)加載不同的配置文件,在此之前你應(yīng)該對(duì) node-config 有所了解。
{ "port": 7300,//easymock項(xiàng)目啟動(dòng)的端口 "host": "0.0.0.0", "pageSize": 30, "proxy": false, "db": "mongodb://localhost/easy-mock",// 不需要自己新建數(shù)據(jù)庫(kù),在啟動(dòng)的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/" } }啟動(dòng)
$ npm run dev # 訪問(wèn) http://127.0.0.1:7300
這個(gè)時(shí)候我們隨便打開一個(gè)接口預(yù)覽,復(fù)制url用postman測(cè)試接口ok
更多的需求配置,詳情看官網(wǎng)文檔,我就不多一 一說(shuō)了。
Vue學(xué)習(xí)群493671066,美女多多。老司機(jī)快上車,來(lái)不及解釋了。
作者相關(guān)Vue文章基于Vue2.0實(shí)現(xiàn)后臺(tái)系統(tǒng)權(quán)限控制
[vue2.0-基于elementui換膚[自定義主題]](https://blog.csdn.net/qq_3234...
前端文檔匯總
VUE2.0增刪改查附編輯添加model(彈框)組件共用
打賞 衷心的表示感謝文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/97762.html
摘要:在前后端分離的開發(fā)方式下,后端如果暫時(shí)沒(méi)數(shù)據(jù),前端為了開發(fā)方便可以使用模擬數(shù)據(jù)來(lái)對(duì)付一下,目前提供模擬數(shù)據(jù)的平臺(tái)已經(jīng)有不少,大多數(shù)都是自帶管理的,比如甚至我們可以本地用自己寫其中比較小清新,使用起來(lái)也方便點(diǎn),缺點(diǎn)就是沒(méi)有的分組功能,但平 在前后端分離的開發(fā)方式下,后端如果暫時(shí)沒(méi)數(shù)據(jù),前端為了開發(fā)方便可以使用模擬數(shù)據(jù)來(lái)對(duì)付一下,目前提供模擬數(shù)據(jù)的平臺(tái)已經(jīng)有不少,大多數(shù)都是自帶Api管理的...
摘要:在前后端分離的開發(fā)方式下,后端如果暫時(shí)沒(méi)數(shù)據(jù),前端為了開發(fā)方便可以使用模擬數(shù)據(jù)來(lái)對(duì)付一下,目前提供模擬數(shù)據(jù)的平臺(tái)已經(jīng)有不少,大多數(shù)都是自帶管理的,比如甚至我們可以本地用自己寫其中比較小清新,使用起來(lái)也方便點(diǎn),缺點(diǎn)就是沒(méi)有的分組功能,但平 在前后端分離的開發(fā)方式下,后端如果暫時(shí)沒(méi)數(shù)據(jù),前端為了開發(fā)方便可以使用模擬數(shù)據(jù)來(lái)對(duì)付一下,目前提供模擬數(shù)據(jù)的平臺(tái)已經(jīng)有不少,大多數(shù)都是自帶Api管理的...
摘要:并且數(shù)據(jù)同步后默認(rèn)會(huì)保存下來(lái),這樣下次再請(qǐng)求時(shí)存儲(chǔ)層中就有數(shù)據(jù)了。以下參數(shù)會(huì)傳到中這么一來(lái),存儲(chǔ)層就和接口層對(duì)接起來(lái)了。五支持永久保存在某些場(chǎng)景下,可能不方便寫過(guò)期時(shí)間,這時(shí)默認(rèn)可以傳遞,標(biāo)記該數(shù)據(jù)永不過(guò)期。 零、問(wèn)題的由來(lái) 開門見山地說(shuō),這篇文章【又】是一篇安利軟文~,安利的對(duì)象就是 tua-storage。 顧名思義,這就是一款存儲(chǔ)數(shù)據(jù)的工具。 用 tua-storage 好處大大...
摘要:在工作中,我們的前端工作流一般開始于前后端協(xié)商好文檔之后,再針對(duì)這個(gè)文檔做模擬數(shù)據(jù),然后用做好的進(jìn)行開發(fā),后端開發(fā)完畢之后再改一下數(shù)據(jù)的切換到正式進(jìn)行聯(lián)調(diào)如下本文介紹的一個(gè)工具或者說(shuō)方法,來(lái)將這個(gè)工作流優(yōu)化一下,也是我平時(shí)工作正在用的方法, 在工作中,我們的前端工作流一般開始于前后端協(xié)商好Api文檔之后,再針對(duì)這個(gè)Api文檔做mock模擬數(shù)據(jù),然后用做好的mock進(jìn)行開發(fā),后端開發(fā)完畢...
閱讀 2901·2021-10-14 09:50
閱讀 1238·2021-10-08 10:21
閱讀 3671·2021-10-08 10:16
閱讀 3075·2021-09-27 14:02
閱讀 3150·2021-09-23 11:21
閱讀 2147·2021-09-07 10:17
閱讀 418·2019-08-30 14:00
閱讀 2127·2019-08-29 17:26