Vue前端篇之Easy-Mock服务搭建
一、搭建前准备
搭建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
此时,访问页面:
点击登陆,如果不存在就自动注册。
(四)创建项目
- 创建个人项目
- 编辑项目属性
- 创建成功
- 创建接口并测试
进入创建的项目中:
创建一个接口:
访问这个接口: