本地部署 easy-mock 教程 【全部的坑我都碰上了】

VUE 調用 easy-mock 模擬數據 【以及本地部署 easy-mock 教程】

一. 瞭解跨域

1.1 原理

由於咱們請求的端口地址與本地開發頁面地址不一樣，只要協議、域名、端口中有一個不一樣就會致使跨域。這是瀏覽器爲了安全作出的限制。

1.2 個人配置

 

二. easy-mock 本地部署

用戶太多了，easy-mock 真的常常崩，登上去都得靠運氣。因此在本地部署了。

2.1 安裝 Redis

下載地址：

https://github.com/microsoftarchive/redis/releases

 

解壓縮，進入 C:\Redis 文件夾並輸入

redis-server.exe redis.windows.conf

就啓動了 Redis

 

2.2 安裝 MongoDB

下載地址：

https://www.mongodb.com/download-center/community

 

1.下載以後一直點'Next'，可是注意不要安裝'Mongo Compass'。

安裝快結束的時候彈出了

2.點擊"Ignore"。

3.進入安裝目錄，進入 \data ，創建一個文件夾，取名 "db"。

 

4.啓動Mongodb:

在 \bin 下打開 cmd ，輸入

mongod --dbpath C:\MongoDB\data\db   （路徑根據我的安裝狀況而變）

就啓動了 MongoDB

 

注：--dbpath是指定數據庫存放目錄，要注意dbpath前有兩個「-」。

5.在瀏覽器輸入：http://localhost:27017/，你會看到：

 

2.3 部署 easy-mock

遇到過的問題

沒法訪問網站，貌似是由於 node 版本過高

居然只有 node 8.9.0 版本才能部署成功，個人版本高了

因此含淚卸載 node

(卸載方法：控制面板直接卸載&手動刪除環境變量&手動刪除 nodejs 和 npm 文件夾)

下載地址

https://nodejs.org/download/release/v8.9.0/node-v8.9.0-x64.msi

安裝好 node 以後

1.從 GitHub clone 源碼

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

 

2.更改 easy-mock\config 文件夾下的配置文件 default.json 將 host 改成 「localhost」

 

注意：要在 Redis 和 MongoDB 已經啓動了的條件下部署 easy-mock

Redis 啓動方式

進入 C:\Redis 文件夾並在 cmd 中輸入

 redis-server.exe redis.windows.conf

 

Mongo DB 啓動方式

在 MongoDB \bin 下打開 cmd ，輸入

mongod --dbpath C:\MongoDB\data\db   （路徑根據我的安裝狀況而變）

 

3.啓動 Redis 和 MongoDB 以後，啓動 easy-mock

在 \easy-mock 文件夾下輸入 bash 命令

$ npm run dev

 

4.在瀏覽器中輸入 http://localhost:7300 , 成功

 

 

三. 參考連接🔗

1. 安裝 mongo DB 時顯示 「service MongoDB failed to start，verify that you have sufficient privileges to start system services」

   http://www.javashuo.com/article/p-szvfgklc-ge.html

    

2. Redis 安裝教程：

   https://www.runoob.com/redis/redis-install.html

    

3. 啓動Mongo DB 服務

   https://blog.csdn.net/u011692780/article/details/81223525

    

4. 部署 easy-mock

   https://blog.csdn.net/qq_32340877/article/details/82693227

    

5. 安裝 node 教程

   https://www.runoob.com/nodejs/nodejs-install-setup.html

    

6. 卸載 node 方法

   https://lewky.cn/posts/1908545a.html