VUE 调用 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

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   （路径根据个人安装情况而变）

注：--dbpath是指定数据库存放目录，要注意dbpath前有两个“-”。

5.在浏览器输入：http://localhost:27017/，你会看到：

2.3 部署 easy-mock

遇到过的问题

无法访问网站，貌似是因为 node 版本太高

竟然只有 node 8.9.0 版本才能部署成功，我的版本高了

所以含泪卸载 node

(卸载方法：控制面板直接卸载&手动删除环境变量&手动删除 nodejs 和 npm 文件夹)

下载地址

安装好 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

$ npm run dev

4.在浏览器中输入 http://localhost:7300 , 成功

安装