本地部署 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”

   https://blog.csdn.net/python_neophyte/article/details/82558314

    

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

7.