摘要:安裝配置文件找到,或者創建一個文件,將如下需要替換的字段換成自己的配置即可。默認是不需要修改配置文件的不同環境會加載不同的配置文件,在此之前你應該對有所了解。學習群,美女多多。老司機快上車,來不及解釋了。
前言
很多小伙伴問我怎么在自己公司的項目里面添加配置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(彈框)組件共用
打賞 衷心的表示感謝文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97762.html
摘要:在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶管理的,比如甚至我們可以本地用自己寫其中比較小清新,使用起來也方便點,缺點就是沒有的分組功能,但平 在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶Api管理的...
摘要:在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶管理的,比如甚至我們可以本地用自己寫其中比較小清新,使用起來也方便點,缺點就是沒有的分組功能,但平 在前后端分離的開發方式下,后端如果暫時沒數據,前端為了開發方便可以使用模擬數據來對付一下,目前提供模擬數據的平臺已經有不少,大多數都是自帶Api管理的...
摘要:并且數據同步后默認會保存下來,這樣下次再請求時存儲層中就有數據了。以下參數會傳到中這么一來,存儲層就和接口層對接起來了。五支持永久保存在某些場景下,可能不方便寫過期時間,這時默認可以傳遞,標記該數據永不過期。 零、問題的由來 開門見山地說,這篇文章【又】是一篇安利軟文~,安利的對象就是 tua-storage。 顧名思義,這就是一款存儲數據的工具。 用 tua-storage 好處大大...
摘要:在工作中,我們的前端工作流一般開始于前后端協商好文檔之后,再針對這個文檔做模擬數據,然后用做好的進行開發,后端開發完畢之后再改一下數據的切換到正式進行聯調如下本文介紹的一個工具或者說方法,來將這個工作流優化一下,也是我平時工作正在用的方法, 在工作中,我們的前端工作流一般開始于前后端協商好Api文檔之后,再針對這個Api文檔做mock模擬數據,然后用做好的mock進行開發,后端開發完畢...
閱讀 2861·2021-10-14 09:50
閱讀 1218·2021-10-08 10:21
閱讀 3646·2021-10-08 10:16
閱讀 3063·2021-09-27 14:02
閱讀 3135·2021-09-23 11:21
閱讀 2109·2021-09-07 10:17
閱讀 407·2019-08-30 14:00
閱讀 2105·2019-08-29 17:26