Vue前端篇之Easy-Mock服务搭建

一、搭建前准备 

详情查看： GitHub - easy-mock/easy-mock: A persistent service that generates mock data quickly and provids visualization view. 

搭建Easy-Mock服务需要先完成以下服务的搭建： 

• 安装node.js 
• 安装mongodb 
• 安装redis 

（一）安装node.js

# 下载 wget https://nodejs.org/dist/v8.9.0/node-v8.9.0-linux-x64.tar.xz # 解压 tar xf node-v8.9.0-linux-x64.tar.xz # 重命名 mv node-v8.9.0-linux-x64 node # 移动到合适位置 mv node /usr/local/ # 添加到环境变量中在/etc/profile文件中添加 export NODE_HOME=/usr/local/node/ export PATH=$NODE_HOME/bin:$PATH #然后使其立即生效 source /etc/profile # 查看版本 node -v

（二） 安装MongoDB

# 下载 wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.0.6.tgz # 解压 tar -xzvf mongodb-linux-x86_64-3.0.6.tgz # 重命名 mv mongodb-linux-x86_64-3.0.6 mongodb # 移动到合适位置 mv mongodb /usr/local/ # 添加到环境变量中在/etc/profile文件中添加 export NODE_HOME=/usr/local/node/ export MONGODB_HOME=/usr/local/mongodb/ export PATH=$NODE_HOME/bin:$MONGODB_HOME/bin:$PATH #然后使其立即生效 source /etc/profile # 查看版本 mongo --version

安装完毕后进行配置： 

• 创建数据目录、配置目录

mkdir -p /mongodb/{data,conf}

• 新建配置文件 

在conf目录下新建mongodb.cnf文件：

dbpath=/mongodb/data logpath=/mongodb/data/mongo.log logappend=true fork=true port=27017 journal=true

通过配置文件进行启动：

mongod -f /mongodb/conf/mongodb.cnf

（四）安装redis

# 下载 wget http://download.redis.io/releases/redis-2.8.17.tar.gz # 解压 tar -xzvf redis-2.8.17.tar.gz # 重命名 mv redis-2.8.17 redis # 编译，进入到redis目录下执行make命令，此时在 redis/src目录下会生成redis-server、redis-cli等工具 cd redis make # 移动到合适位置 mv redis /usr/local/ # 添加到环境变量中在/etc/profile文件中添加 export NODE_HOME=/usr/local/node/ export MONGODB_HOME=/usr/local/mongodb/ export REDIS_HOME=/usr/local/redis/ export PATH=$NODE_HOME/bin:$MONGODB_HOME/bin:$REDIS_HOME/src:$PATH #然后使其立即生效 source /etc/profile # 查看版本 redis-server --version

启动redis：

redis-server /usr/local/redis/redis.conf

二、Easy-Mock部署 

（一）前台部署

# 下载 wget https://github.com/easy-mock/easy-mock/archive/refs/tags/v1.6.0.tar.gz # 解压 tar -xzvf v1.6.0.tar.gz # 重命名 mv easy-mock-1.6.0 easy-mock # 移动到合适位置 mv easy-mock /usr/local/ # 进入项目目录，安装依赖 cd /usr/local/easy-mock/ npm install

但是在安装过程中会出现各种问题，所以首先需要进行一些配置： 

• .npmrc

registry=https://registry.npm.taobao.org strict-ssl=false proxy=null

上面的配置可解决下面的问题： 

问题一：

... npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND ...

问题二：

error request to https://registry.cnpmjs.org/@types%2fnode failed, reason: Hostname/IP doesn't match certificate's altnames: "Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org"

• npm install -g node-gyp 

解决如下问题：

gyp WARN EACCES user "root" does not have permission to access the dev dir "/usr/local/easy-mock/node_modules/dtrace-provider/.node-gyp/8.9.0"

此时，再去执行npm install 即可。注意的是7300端口打开或者关闭防火墙，systemctl stop firewalld。 

• 删除package-lock.json文件 

解决如下问题：

npm WARN tar ENOENT: no such file or directory, open '/usr/local/easy-mock/...

（二）后台部署 

上述项目只能在前台跑，一旦关闭页面就不行了，所以需要后台运行。

# 安装pm2 npm install -g pm2 # build npm run build # 启动 pm2 start app.js --name app # 关闭服务 pm2 stop app

此时，访问页面： 

点击登陆，如果不存在就自动注册。 

（四）创建项目

• 创建个人项目

• 编辑项目属性

• 创建成功

• 创建接口并测试

进入创建的项目中：

创建一个接口：

访问这个接口：

更多文章合集前往： 往期精彩文章