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

此时,访问页面: 

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

(四)创建项目

  • 创建个人项目

  • 编辑项目属性

  • 创建成功

  • 创建接口并测试

进入创建的项目中:

创建一个接口:

访问这个接口:



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

















此博客中的热门博文

FastAPI后端篇之项目搭建

玩转虚拟机系列之如何高效创建虚拟机

玩转虚拟机系列之如何搭建虚拟机