本地部署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 , 成功