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